diff --git a/src/components/About.vue b/src/components/About.vue
index 244f934..9437368 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -3,7 +3,7 @@ import Footer from './Footer.vue'
 </script>
 
 <template>
-    <div class="w-screen h-screen bg-neutral-950 text-neutral-50 flex flex-col items-center justify-between p-12">
+    <div class="w-screen h-screen bg-neutral-950 text-neutral-50 flex flex-col items-center justify-between p-4 lg:p-12">
         <div></div>
         <div class="space-y-8 text-center lg:w-[50rem]">
             <div class="text-5xl font-semibold">