From 5b5cdbfb7fa1db1293c4d83c14f0e79c938e74d2 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 15 Dec 2025 21:37:17 -0800
Subject: [PATCH] prevent action bar icons from being squished on resize (fix)

---
 .../features/sidebar/components/action-bar.tsx      | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/sidebar/components/action-bar.tsx b/src/renderer/features/sidebar/components/action-bar.tsx
index f1ced9f9c..7c209f59f 100644
--- a/src/renderer/features/sidebar/components/action-bar.tsx
+++ b/src/renderer/features/sidebar/components/action-bar.tsx
@@ -5,7 +5,6 @@ import styles from './action-bar.module.css';
 
 import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
 import { useCommandPalette } from '/@/renderer/store';
-import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 import { Button } from '/@/shared/components/button/button';
 import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
 import { Grid } from '/@/shared/components/grid/grid';
@@ -42,7 +41,9 @@ export const ActionBar = () => {
                     <Group gap="sm" grow wrap="nowrap">
                         <DropdownMenu position="bottom-start">
                             <DropdownMenu.Target>
-                                <ActionIcon icon="menu" iconProps={{ size: 'lg' }} />
+                                <Button p="0">
+                                    <Icon icon="menu" size="lg" />
+                                </Button>
                             </DropdownMenu.Target>
                             <DropdownMenu.Dropdown>
                                 <AppMenu />
@@ -61,8 +62,12 @@ const NavigateButtons = () => {
 
     return (
         <>
-            <ActionIcon icon="arrowLeftS" iconProps={{ size: 'lg' }} onClick={() => navigate(-1)} />
-            <ActionIcon icon="arrowRightS" iconProps={{ size: 'lg' }} onClick={() => navigate(1)} />
+            <Button onClick={() => navigate(-1)} p="0">
+                <Icon icon="arrowLeftS" size="lg" />
+            </Button>
+            <Button onClick={() => navigate(1)} p="0">
+                <Icon icon="arrowRightS" size="lg" />
+            </Button>
         </>
     );
 };