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