From 161602145156d9134fa3fb69753afa532c54c979 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 12 May 2026 02:15:56 -0700
Subject: [PATCH] fix regression on ActionBar width

- Mantine v9 uses a new inner div on the Grid component
---
 .../sidebar/components/action-bar.module.css       |  1 +
 .../features/sidebar/components/action-bar.tsx     | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

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" />}