diff --git a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
index 53c14213..7a0e8fab 100644
--- a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
@@ -49,7 +49,9 @@ export const ScreenShareZoomControls = ({
className={css({
backgroundColor: 'primaryDark.50',
borderRadius: '2rem',
- padding: '0.25rem',
+ padding: '0.5rem',
+ alignItems: 'center',
+ overflow: 'hidden',
opacity: 0.7,
transition: 'opacity 200ms linear',
_hover: {
@@ -67,7 +69,7 @@ export const ScreenShareZoomControls = ({
aria-label={t('fitToWindow')}
onPress={onResetZoom}
>
-
+
{/* Visual only - zoom level is announced via useScreenReaderAnnounce. */}
-
+