diff --git a/frontend/src/components/calendar/EventDetailPanel.tsx b/frontend/src/components/calendar/EventDetailPanel.tsx
index 5839165..4817b38 100644
--- a/frontend/src/components/calendar/EventDetailPanel.tsx
+++ b/frontend/src/components/calendar/EventDetailPanel.tsx
@@ -951,7 +951,7 @@ export default function EventDetailPanel({
                           updateDisplayCalendar({ invitationId: myInvitationId, calendarId: calId });
                         }
                       }}
-                      className="text-xs h-8"
+                      className="text-xs h-8 py-1"
                       disabled={isUpdatingDisplayCalendar}
                     >
                       {!event?.display_calendar_id && (
diff --git a/frontend/src/hooks/useEventInvitations.ts b/frontend/src/hooks/useEventInvitations.ts
index 4353298..22fb06b 100644
--- a/frontend/src/hooks/useEventInvitations.ts
+++ b/frontend/src/hooks/useEventInvitations.ts
@@ -65,7 +65,7 @@ export function useEventInvitations(eventId: number | null) {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['calendar-events'] });
+      queryClient.refetchQueries({ queryKey: ['calendar-events'] });
       queryClient.invalidateQueries({ queryKey: ['event-invitations'] });
       toast.success('Display calendar updated');
     },