diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 697350e..43d7b7e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -35,7 +35,7 @@
 	};
 </script>
 
-<div class="container h-full mx-auto flex justify-center items-center">
+<div class="container h-full mx-auto flex justify-center items-center px-4">
 	<div class="text-center">
 		<h2>Please Sumi</h2>
 		<p class="my-4">Select the text file you'd like to have summarized.</p>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 9f110e2..fd352ee 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,5 +1,5 @@
 <div
-	class="container h-full mx-auto flex flex-col justify-center items-center text-base max-w-prose"
+	class="container h-full mx-auto flex flex-col justify-center items-center text-base max-w-prose px-4"
 >
 	<h1 class="self-center">what dis?</h1>
 	<p class="font-sans my-4">