diff --git a/views/index.ejs b/views/index.ejs
index f12e0a0f..14eb237c 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,7 +1,7 @@
 <%- include('partials/header') %>
 
 <div class="flex flex-col items-center w-full">
-  <div class="max-w-4xl px-4 py-10">
+  <div class="max-w-4xl px-4 py-10 md:px-8">
     <h1 class="flex flex-col items-center text-center">
       <span class="text-xl text-slate-600">
         Wowell World Studios Presents
@@ -21,7 +21,7 @@
       >🍿 Jump to the Movies 🍿</a>
     </div>
 
-    <div class="mt-4 space-y-4 leading-7">
+    <div class="mt-4 space-y-4 leading-7 md:mt-8">
       <h2 class="text-2xl font-semibold text-violet-600">
         Don’t you miss movie nights?
       </h2>