diff --git a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
index 8a36c49b..0e9458da 100644
--- a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx
@@ -93,7 +93,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: {
@@ -111,7 +113,7 @@ export const ScreenShareZoomControls = ({
aria-label={t('fitToWindow')}
onPress={onResetZoom}
>
-
+
{/* Visual only - zoom level is announced via useScreenReaderAnnounce. */}
-
+
{isFullscreenAvailable && (
)}