🐛(frontend) fix button width nano icon only

- fix for icon-only buttons to have auto width.

CHANGELOG.md

@@ -19,6 +19,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
 - ✨(backend) add server-to-server API endpoint to create documents #467
 - 💄(frontend) add filtering from left panel #475
 

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);
 }

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