From 39a42d08ec48bde52e48aec6cc83031e85249859 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Thu, 12 Mar 2026 15:31:44 +0800
Subject: [PATCH] Fix phantom dropdown arrow next to Today button on desktop

The mobile view Select had md:hidden on the <select> element, but the
Select component wraps it in a <div> with an absolute ChevronDown icon
that remained visible. Moved md:hidden to a wrapper div so the entire
Select (including the chevron) is hidden on desktop.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/components/calendar/CalendarPage.tsx  | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/calendar/CalendarPage.tsx b/frontend/src/components/calendar/CalendarPage.tsx
index e9d490c..9f0b6e5 100644
--- a/frontend/src/components/calendar/CalendarPage.tsx
+++ b/frontend/src/components/calendar/CalendarPage.tsx
@@ -511,15 +511,17 @@ export default function CalendarPage() {
             Today
           </Button>
 
-          <Select
-            value={currentView}
-            onChange={(e) => changeView(e.target.value as CalendarView)}
-            className="h-8 text-sm w-auto pr-8 md:hidden"
-          >
-            {(Object.entries(viewLabels) as [CalendarView, string][]).map(([view, label]) => (
-              <option key={view} value={view}>{label}</option>
-            ))}
-          </Select>
+          <div className="md:hidden">
+            <Select
+              value={currentView}
+              onChange={(e) => changeView(e.target.value as CalendarView)}
+              className="h-8 text-sm w-auto pr-8"
+            >
+              {(Object.entries(viewLabels) as [CalendarView, string][]).map(([view, label]) => (
+                <option key={view} value={view}>{label}</option>
+              ))}
+            </Select>
+          </div>
 
           <div className="hidden md:flex items-center rounded-md border border-border overflow-hidden">
             {(Object.entries(viewLabels) as [CalendarView, string][]).map(([view, label]) => (