diff --git a/src/components/composites/Code/index.tsx b/src/components/composites/Code/index.tsx
index 4c5b3a465..df76c683f 100644
--- a/src/components/composites/Code/index.tsx
+++ b/src/components/composites/Code/index.tsx
@@ -14,7 +14,7 @@ const Code = ({ ...props }: ICodeProps, ref?: any) => {
   return (
     <Box
       _text={{
-        fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
+        fontFamily: Platform.OS === 'ios' ? 'Courier New' : 'monospace',
       }}
       {...newProps}
       ref={ref}
diff --git a/src/theme/components/code.ts b/src/theme/components/code.ts
index f0f9311e3..afd991b77 100644
--- a/src/theme/components/code.ts
+++ b/src/theme/components/code.ts
@@ -5,7 +5,7 @@ const { variants, defaultProps } = Badge;
 
 const baseStyle = {
   _text: {
-    fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
+    fontFamily: Platform.OS === 'ios' ? 'Courier New' : 'monospace',
     fontSize: 'sm',
   },
   borderRadius: 'sm',
diff --git a/src/theme/components/kbd.ts b/src/theme/components/kbd.ts
index 0e654e94b..f7860cab8 100644
--- a/src/theme/components/kbd.ts
+++ b/src/theme/components/kbd.ts
@@ -13,7 +13,7 @@ function baseStyle(props: Record<string, any>) {
     _text: {
       fontSize: 'sm',
       fontWeight: 'bold',
-      fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
+      fontFamily: Platform.OS === 'ios' ? 'Courier New' : 'monospace',
     },
   };
 }