diff --git a/CHANGELOG.md b/CHANGELOG.md
index cd0bb2b2..55192846 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@ and this project adheres to
 - 💄(frontend) update DocsGridOptions component #432
 - 💄(frontend) update DocHeader ui #446
 - 💄(frontend) update doc versioning ui #463
+- 🐛(frontend) fix doc grid button #478
 - 💄(frontend) update doc home left panel #475
 
 ## [1.8.2] - 2024-11-28
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
index c51a16d0..2a44b72d 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
@@ -356,6 +356,10 @@ input:-webkit-autofill:focus {
   gap: var(--c--theme--spacings--2xs);
 }
 
+.c__button--nano.c__button--icon-only {
+  width: auto;
+}
+
 .c__button--medium {
   padding: 0.9rem var(--c--theme--spacings--s);
 }
diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelContent.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelContent.tsx
index 3efb3ebc..8b0ab24b 100644
--- a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelContent.tsx
+++ b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelContent.tsx
@@ -9,7 +9,7 @@ export const LeftPanelContent = () => {
   const isHome = router.pathname === '/';
 
   return (
-    <Box>
+    <Box $width="100%">
       {isHome && (
         <SeparatedSection>
           <LeftPanelTargetFilters />