diff --git a/libs/mobile/shared/features/markdown-view/src/lib/component.tsx b/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
index 3a4e41e..50c3d65 100644
--- a/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
+++ b/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
@@ -54,7 +54,7 @@ export function AppMarkdownView({
     ) => {
       return (
         <CodeBlock
-          fenceStyle={[inheritedStyles, markdownStyles.fence]}
+          fenceStyle={inheritedStyles}
           key={`code-block-${node.key}`}
           sourceInfo={node.sourceInfo}
           content={node.content}
@@ -302,9 +302,4 @@ const markdownStyles = createStyles({
     backgroundColor: colorScheme.get() === 'dark' ? colors.gray700 : colors.gray75,
     textDecorationLine: 'none',
   },
-  fence: {
-    backgroundColor: colorScheme.get() === 'dark' ? colors.gray700 : colors.gray75,
-    borderRadius: 8,
-    padding: 12,
-  },
 });
diff --git a/libs/mobile/shared/ui/code-block/src/lib/component.tsx b/libs/mobile/shared/ui/code-block/src/lib/component.tsx
index 2a4a22a..6579716 100644
--- a/libs/mobile/shared/ui/code-block/src/lib/component.tsx
+++ b/libs/mobile/shared/ui/code-block/src/lib/component.tsx
@@ -56,7 +56,9 @@ export function CodeBlock({
     return (
       <View className='gap-4'>
         {copyButton}
-        <AppText style={fenceStyle}>{formattedContent}</AppText>
+        <AppText style={fenceStyle} className={'bg-background-tertiary rounded-lg p-12'}>
+          {formattedContent}
+        </AppText>
       </View>
     );
   }