diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
index 6ba12d487..34a75f1da 100644
--- a/src/renderer/App.tsx
+++ b/src/renderer/App.tsx
@@ -40,7 +40,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
-            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-12 bg-gitify-background">
+            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
               <Loading />
               <Sidebar />
               <Routes>
diff --git a/src/renderer/components/Sidebar.tsx b/src/renderer/components/Sidebar.tsx
index bf8519876..0b0616dee 100644
--- a/src/renderer/components/Sidebar.tsx
+++ b/src/renderer/components/Sidebar.tsx
@@ -74,7 +74,7 @@ export const Sidebar: FC = () => {
     <Stack
       direction="vertical"
       justify="space-between"
-      className="fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+      className="fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
     >
       <Stack
         direction="vertical"
diff --git a/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap b/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
index 6dcb475d8..e0e2e9fe8 100644
--- a/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
+++ b/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
@@ -70,7 +70,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
         data-align="stretch"
         data-direction="vertical"
         data-justify="space-between"
@@ -323,7 +323,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
       data-align="stretch"
       data-direction="vertical"
       data-justify="space-between"
@@ -633,7 +633,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
         data-align="stretch"
         data-direction="vertical"
         data-justify="space-between"
@@ -886,7 +886,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-12 -ml-12 w-12 h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-10 -ml-10 w-10 h-full bg-gitify-sidebar text-white"
       data-align="stretch"
       data-direction="vertical"
       data-justify="space-between"
