diff --git a/frontend/src/components/calendar/CalendarForm.tsx b/frontend/src/components/calendar/CalendarForm.tsx
index be19997..1a17e18 100644
--- a/frontend/src/components/calendar/CalendarForm.tsx
+++ b/frontend/src/components/calendar/CalendarForm.tsx
@@ -157,7 +157,7 @@ export default function CalendarForm({ calendar, onClose }: CalendarFormProps) {
                   key={c}
                   type="button"
                   onClick={() => setColor(c)}
-                  className="h-8 w-8 rounded-full border-2 transition-all duration-150 hover:scale-110"
+                  className="h-6 w-6 rounded-full border-2 transition-all duration-150 hover:scale-110"
                   style={{
                     backgroundColor: c,
                     borderColor: color === c ? 'hsl(0 0% 98%)' : 'transparent',
diff --git a/frontend/src/components/calendar/SharedCalendarSettings.tsx b/frontend/src/components/calendar/SharedCalendarSettings.tsx
index c4c85b8..1d0b049 100644
--- a/frontend/src/components/calendar/SharedCalendarSettings.tsx
+++ b/frontend/src/components/calendar/SharedCalendarSettings.tsx
@@ -92,7 +92,7 @@ export default function SharedCalendarSettings({ membership, onClose }: SharedCa
                   key={c}
                   type="button"
                   onClick={() => handleColorSelect(c)}
-                  className="h-8 w-8 rounded-full border-2 transition-all duration-150 hover:scale-110"
+                  className="h-6 w-6 rounded-full border-2 transition-all duration-150 hover:scale-110"
                   style={{
                     backgroundColor: c,
                     borderColor: localColor === c ? 'hsl(0 0% 98%)' : 'transparent',