Fix padding for ios

webstudio-is · Jun 4, 2024 · 35ddcb7 · 35ddcb7
1 parent 193d446
commit 35ddcb7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/sdk-components-react-radix/src/theme/styles.ts b/packages/sdk-components-react-radix/src/theme/styles.ts
@@ -47,8 +47,9 @@ export const getButtonStyles = (
 
   let sizeStyles: EmbedTemplateStyleDecl[] = [];
   if (size === "icon") {
+    // Set explicit paddings for IOS Safari to prevent the icon from collapsing
     // h-10 w-10
-    sizeStyles = [tc.h(10), tc.w(10)].flat();
+    sizeStyles = [tc.h(10), tc.w(10), tc.px(6), tc.py(3)].flat();
   }
   if (size === "sm") {
     // h-9 rounded-md px-3