1 files changed, 13 insertions, 6 deletions

diff --git a/packages/renderer/src/components/sidebar/Sidebar.tsx b/packages/renderer/src/components/sidebar/Sidebar.tsx
index 80826ca..4f27d68 100644
--- a/packages/renderer/src/components/sidebar/Sidebar.tsx
+++ b/packages/renderer/src/components/sidebar/Sidebar.tsx
@@ -19,7 +19,6 @@
  */
 
 import Box from '@mui/material/Box';
-import { alpha } from '@mui/material/styles';
 import React from 'react';
 
 import ServiceSwitcher from './ServiceSwitcher';
@@ -36,21 +35,29 @@ export default function Sidebar(): JSX.Element {
         flexDirection: 'column',
         alignItems: 'center',
         paddingY: 1,
+        paddingInlineStart: '1px',
         gap: 1,
-        background: alpha(theme.palette.text.primary, 0.09),
+        backgroundColor:
+          theme.palette.mode === 'dark'
+            ? 'rgba(255, 255, 255, 0.09)'
+            : 'rgba(0, 0, 0, 0.06)',
         backgroundClip: 'padding-box',
         borderInlineEnd: `1px solid ${theme.palette.divider}`,
-        minWidth: 69,
+        minWidth: `calc(${theme.spacing(4)} + 36px)`,
       })}
     >
       <ToggleLocationBarButton />
-      <ServiceSwitcher />
       <Box
         sx={{
           flex: 1,
-          WebkitAppRegion: 'drag',
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'flex-start',
+          marginInlineStart: '-1px',
         }}
-      />
+      >
+        <ServiceSwitcher />
+      </Box>
       <ToggleDarkModeButton />
     </Box>
   );