diff --git a/frontend/src/components/layout/MobileDrawers.tsx b/frontend/src/components/layout/MobileDrawers.tsx
index 8e99fcfd..2372c4e7 100644
--- a/frontend/src/components/layout/MobileDrawers.tsx
+++ b/frontend/src/components/layout/MobileDrawers.tsx
@@ -147,15 +147,17 @@ export function MobileCalendarDrawer({
           </button>
         </div>
         {isOpen && (
-          <CalendarCard
-            onOpenCalendarModal={onOpenCalendarModal}
-            onOpenEventModal={onOpenEventModal}
-            onOpenParticipantsModal={onOpenParticipantsModal}
-            eventsRefreshTrigger={eventsRefreshTrigger}
-            setEventsRefreshTrigger={setEventsRefreshTrigger}
-            setSidebarEvents={setSidebarEvents}
-            onCalendarChange={onCalendarChange}
-          />
+          <div className="space-y-4 pb-4">
+            <CalendarCard
+              onOpenCalendarModal={onOpenCalendarModal}
+              onOpenEventModal={onOpenEventModal}
+              onOpenParticipantsModal={onOpenParticipantsModal}
+              eventsRefreshTrigger={eventsRefreshTrigger}
+              setEventsRefreshTrigger={setEventsRefreshTrigger}
+              setSidebarEvents={setSidebarEvents}
+              onCalendarChange={onCalendarChange}
+            />
+          </div>
         )}
       </div>
     </div>