diff --git a/.changeset/kind-donuts-brush.md b/.changeset/kind-donuts-brush.md
new file mode 100644
index 000000000..9a9572305
--- /dev/null
+++ b/.changeset/kind-donuts-brush.md
@@ -0,0 +1,5 @@
+---
+'@utilitywarehouse/native-ui': patch
+---
+
+Fix icon default stroke width
diff --git a/packages/native-ui/src/config/theme/Icon.ts b/packages/native-ui/src/config/theme/Icon.ts
index f524c562d..814c7473f 100644
--- a/packages/native-ui/src/config/theme/Icon.ts
+++ b/packages/native-ui/src/config/theme/Icon.ts
@@ -1,6 +1,7 @@
 import { createStyle } from '@gluestack-style/react';
 
 export const BaseIcon = createStyle({
+  strokeWidth: 0,
   color: '$backgroundLight800',
   _dark: {
     color: '$backgroundDark400',
@@ -11,66 +12,55 @@ export const BaseIcon = createStyle({
         h: '$3',
         w: '$3',
         props: {
-          // @ts-ignore
           size: 12,
         },
       },
-      'xs': {
+      xs: {
         h: '$3.5',
         w: '$3.5',
         props: {
-          //@ts-ignore
           size: 14,
         },
       },
-      'sm': {
+      sm: {
         h: '$4',
         w: '$4',
         props: {
-          //@ts-ignore
           size: 16,
         },
       },
-      'md': {
+      md: {
         h: '$4.5',
         w: '$4.5',
         props: {
-          //@ts-ignore
           size: 18,
         },
       },
-      'lg': {
+      lg: {
         h: '$5',
         w: '$5',
         props: {
-          //@ts-ignore
           size: 20,
         },
       },
-      'xl': {
+      xl: {
         h: '$6',
         w: '$6',
         props: {
-          //@ts-ignore
           size: 24,
         },
       },
     },
   },
-  // defaultProps: {
-  //   size: 'md',
-  // },
 });
 
 export const Icon = createStyle({
   props: {
     size: 'md',
-    //@ts-ignore
     fill: 'none',
   },
   color: '$backgroundLight800',
   _dark: {
-    //@ts-ignore
     color: '$backgroundDark400',
   },
 });