diff --git a/src/renderer/features/sidebar/components/action-bar.module.css b/src/renderer/features/sidebar/components/action-bar.module.css
index 3d10016cb..33d81cd6f 100644
--- a/src/renderer/features/sidebar/components/action-bar.module.css
+++ b/src/renderer/features/sidebar/components/action-bar.module.css
@@ -1,6 +1,7 @@
 .container {
     display: flex;
     align-items: center;
+    width: 100%;
     height: 65px;
     -webkit-app-region: drag;
 
diff --git a/src/renderer/features/sidebar/components/action-bar.tsx b/src/renderer/features/sidebar/components/action-bar.tsx
index 880cbd157..443df98d7 100644
--- a/src/renderer/features/sidebar/components/action-bar.tsx
+++ b/src/renderer/features/sidebar/components/action-bar.tsx
@@ -18,7 +18,19 @@ export const ActionBar = () => {
 
     return (
         <div className={styles.container}>
-            <Grid display="flex" gap="sm" style={{ padding: '0 var(--theme-spacing-md)' }} w="100%">
+            <Grid
+                display="flex"
+                gap="sm"
+                styles={{
+                    inner: {
+                        width: '100%',
+                    },
+                    root: {
+                        padding: '0 var(--theme-spacing-md',
+                        width: '100%',
+                    },
+                }}
+            >
                 <Grid.Col span={7}>
                     <TextInput
                         leftSection={<Icon icon="search" />}