diff --git a/.changeset/clean-beds-care.md b/.changeset/clean-beds-care.md
new file mode 100644
index 00000000..c7db4f6b
--- /dev/null
+++ b/.changeset/clean-beds-care.md
@@ -0,0 +1,6 @@
+---
+"@blockle/blocks-react": patch
+"@blockle/blocks": patch
+---
+
+Using "appearance: none" instead of "all: unset"
diff --git a/packages/react/src/components/display/Icon/IconMask.tsx b/packages/react/src/components/display/Icon/IconMask.tsx
index f390e47f..18f865c6 100644
--- a/packages/react/src/components/display/Icon/IconMask.tsx
+++ b/packages/react/src/components/display/Icon/IconMask.tsx
@@ -20,7 +20,7 @@ export type IconMaskProps = {
   size?: IconTheme['variants']['size'];
   src: string;
 } & MarginAtoms &
-  Omit<HTMLElementProps<HTMLSpanElement>, 'color' | 'display'>;
+  Omit<HTMLElementProps<HTMLSpanElement>, 'color' | 'display' | 'size'>;
 
 export const IconMask: React.FC<IconMaskProps> = ({
   className,
diff --git a/packages/react/src/components/feedback/Spinner/Spinner.tsx b/packages/react/src/components/feedback/Spinner/Spinner.tsx
index f2fad06f..0744b9ee 100644
--- a/packages/react/src/components/feedback/Spinner/Spinner.tsx
+++ b/packages/react/src/components/feedback/Spinner/Spinner.tsx
@@ -15,7 +15,7 @@ type SpinnerTheme = ComponentThemes['spinner'];
 export type SpinnerProps = {
   color?: SpinnerTheme['variants']['color'];
   size?: SpinnerTheme['variants']['size'];
-} & HTMLElementProps<HTMLDivElement> &
+} & Omit<HTMLElementProps<HTMLDivElement>, 'size'> &
   MarginAtoms;
 
 export const Spinner: React.FC<SpinnerProps> = ({
diff --git a/packages/react/src/components/form/Button/Button.css.ts b/packages/react/src/components/form/Button/Button.css.ts
index aa8f0909..97f38077 100644
--- a/packages/react/src/components/form/Button/Button.css.ts
+++ b/packages/react/src/components/form/Button/Button.css.ts
@@ -4,6 +4,7 @@ import { style } from '@vanilla-extract/css';
 export const buttonReset = style({
   '@layer': {
     [layers.reset]: {
+      appearance: 'none',
       cursor: 'pointer',
     },
   },
diff --git a/packages/react/src/components/form/Checkbox/checkbox.css.ts b/packages/react/src/components/form/Checkbox/checkbox.css.ts
index 9e38e57c..bd93d08f 100644
--- a/packages/react/src/components/form/Checkbox/checkbox.css.ts
+++ b/packages/react/src/components/form/Checkbox/checkbox.css.ts
@@ -17,7 +17,7 @@ export const input = style({
   opacity: 0,
   '@layer': {
     [layers.molecule]: {
-      all: 'unset',
+      appearance: 'none',
     },
   },
 });
diff --git a/packages/react/src/components/form/Radio/radio.css.ts b/packages/react/src/components/form/Radio/radio.css.ts
index 9e38e57c..bd93d08f 100644
--- a/packages/react/src/components/form/Radio/radio.css.ts
+++ b/packages/react/src/components/form/Radio/radio.css.ts
@@ -17,7 +17,7 @@ export const input = style({
   opacity: 0,
   '@layer': {
     [layers.molecule]: {
-      all: 'unset',
+      appearance: 'none',
     },
   },
 });