diff --git a/resources/js/components/PhoneMockup.vue b/resources/js/components/PhoneMockup.vue
index 3c662b91..6ba62a83 100644
--- a/resources/js/components/PhoneMockup.vue
+++ b/resources/js/components/PhoneMockup.vue
@@ -9,7 +9,7 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-    <div class="relative mx-auto select-none origin-top">
+    <div class="relative mx-auto origin-top scale-90 select-none lg:scale-100">
         <!-- Phone Frame - iPhone 14 Pro style -->
         <div class="relative bg-[#1a1a1a] rounded-[44px] p-[10px] ring-1 ring-white/10">
             <!-- Inner frame -->
diff --git a/resources/js/components/posts/editor/PreviewTab.vue b/resources/js/components/posts/editor/PreviewTab.vue
index f9c5a625..e0650561 100644
--- a/resources/js/components/posts/editor/PreviewTab.vue
+++ b/resources/js/components/posts/editor/PreviewTab.vue
@@ -94,7 +94,7 @@ const activeContentType = computed((): string | undefined => {
             </div>
         </div>
 
-        <div class="flex flex-1 items-start justify-center overflow-x-hidden px-2 pb-8 pt-6 sm:px-4">
+        <div class="flex flex-1 items-start justify-center overflow-x-hidden px-4 pb-8 pt-6">
             <PhoneMockup v-if="activePlatform">
                 <PlatformPreview
                     :platform="activePlatform.platform"