diff --git a/app/globals.css b/app/globals.css
index 21887db5..1bf3fd91 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -274,7 +274,8 @@ pre.shiki {
   @apply p-2;
   @apply rounded-md;
   @apply overflow-auto;
-  @apply min-h-12;
+  @apply sm:min-h-12;
+  @apply min-h-10;
 
   @media (min-width: 640px) {
     @apply p-3;
diff --git a/components/Blocks/CodeBlock.tsx b/components/Blocks/CodeBlock.tsx
index 9a1cc86a..4e0f92cd 100644
--- a/components/Blocks/CodeBlock.tsx
+++ b/components/Blocks/CodeBlock.tsx
@@ -72,7 +72,7 @@ export function CodeBlock(props: BlockProps) {
         isSelected={focusedBlock}
         hasBackground="accent"
         borderOnHover
-        className="p-0! min-h-[48px]"
+        className="p-0! min-h-10 sm:min-h-12"
       >
         {focusedBlock && permissions.write ? (
           <BaseTextareaBlock