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. */}