fix: Conform standalone button width to its container #2361 (#2390)

h2oai · Sep 12, 2024 · bf50730 · bf50730
1 parent 5e9d234
commit bf50730
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/ui/src/button.tsx b/ui/src/button.tsx
@@ -108,6 +108,10 @@ const
       boxSizing: 'border-box',
       overflowX: 'auto'
     },
+    standaloneButton: {
+      display: 'flex',
+      alignItems: 'center',
+    }
   }),
   justifications: Dict<Fluent.Alignment> = {
     start: 'start',
@@ -201,7 +205,7 @@ export const
     )
   },
   XStandAloneButton = ({ model: m }: { model: Button }) => (
-    <div className={css.buttons}>
+    <div className={css.standaloneButton}>
       <XButton key={m.name} model={m} />
     </div>
   ),