Tweak small button size variant

prezly · Jul 16, 2024 · 9afc17c · 9afc17c
1 parent bb1789e
commit 9afc17c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/slate-editor/src/components/Button/Button.module.scss b/packages/slate-editor/src/components/Button/Button.module.scss
@@ -137,7 +137,7 @@
     }
 
     &--small {
-        padding: $spacing-half $spacing-1;
+        padding: $spacing-half;
 
         .icon-wrapper {
             width: $spacing-1-5;

diff --git a/packages/slate-editor/src/components/Toolbox/Header.tsx b/packages/slate-editor/src/components/Toolbox/Header.tsx
@@ -17,7 +17,13 @@ export function Header(props: React.PropsWithChildren<HeaderProps>) {
             <Caption withFullOpacity>{props.children}</Caption>
 
             {props.withCloseButton && (
-                <Button variant="clear" icon={Cross} onClick={props.onCloseClick} round />
+                <Button
+                    variant="clear"
+                    icon={Cross}
+                    onClick={props.onCloseClick}
+                    round
+                    size="small"
+                />
             )}
         </div>
     );