Center the companionArea expand/collapse toggle icon

ProjectMirador · Nov 21, 2023 · 4601d13 · 4601d13
1 parent 0847e2a
commit 4601d13
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/CompanionArea.js b/src/components/CompanionArea.js
@@ -21,6 +21,7 @@ const StyledWrapper = styled('div')({
 const StyledToggle = styled('div')(({ theme }) => ({
   backgroundColor: theme.palette.background.paper,
   border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.divider : theme.palette.shades?.dark}`,
+  borderInlineStart: 0,
   borderRadius: 0,
   height: '48px',
   left: '100%',
@@ -29,6 +30,8 @@ const StyledToggle = styled('div')(({ theme }) => ({
   position: 'absolute',
   width: '23px',
   zIndex: theme.zIndex.drawer,
+  alignItems: 'center',
+  display: 'inline-flex'
 }));
 
 const StyledToggleButton = styled(MiradorMenuButton)({