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]) => (