diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 9a46aa8..187bf73 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -7,8 +7,8 @@
   <title>About | Youwen Wu</title>
 </svelte:head>
 
-<main class="dots-background">
-  <div class="container max-w-3xl mx-auto py-14 px-0 sm:px-8 justify-center">
+<main class="md:dots-background">
+  <div class="container max-w-3xl mx-auto pb-14 md:py-14 px-0 sm:px-8 justify-center">
     <Card.Root class="sm:px-6 px-0">
       <Card.Header class="inline-flex items-center">
         <Card.Title class="text-4xl">about.</Card.Title>