diff --git a/src/lib/components/Preview.svelte b/src/lib/components/Preview.svelte
index 1c39b8e..92429af 100644
--- a/src/lib/components/Preview.svelte
+++ b/src/lib/components/Preview.svelte
@@ -54,7 +54,7 @@
 		</Button>
 	</div>
 	<Tabs.Content value="preview">
-		<iframe class="h-full w-full rounded-lg pb-8" title="Preview" srcdoc={code}></iframe>
+		<iframe class="h-full w-full rounded-lg pb-4" title="Preview" srcdoc={code}></iframe>
 	</Tabs.Content>
 	<Tabs.Content value="code">
 		<Highlight language={xml} {code} let:highlighted>
@@ -62,7 +62,7 @@
 				{highlighted}
 				wrapLines
 				hideBorder
-				class="h-full max-h-[90vh] w-full overflow-auto rounded-lg"
+				class="h-full max-h-[90vh] w-full overflow-auto rounded-lg pb-8"
 			/>
 		</Highlight>
 	</Tabs.Content>