diff --git a/src/pages/about.astro b/src/pages/about.astro
index 2f7a2c2..83aacf2 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -12,8 +12,8 @@ import { Image } from "astro:assets";
 ---
 
 <MainLayout title="About">
-  <div class="w-full py-16">
-    <section id="about" class="bg-white dark:bg-gray-950">
+  <div class="w-full bg-white py-16 dark:bg-gray-950">
+    <section id="about">
       <div class="mx-auto max-w-4xl px-8 text-left">
         <Image
           src={aboutImage}
@@ -54,7 +54,7 @@ import { Image } from "astro:assets";
         >
       </div>
     </section>
-    <section id="composition" class="bg-white dark:bg-gray-950">
+    <section id="composition">
       <div class="mx-auto max-w-4xl px-8 text-left">
         <H2>Composition</H2>
         <Paragraph
@@ -90,7 +90,7 @@ import { Image } from "astro:assets";
         >
       </div>
     </section>
-    <section id="orchestration" class="bg-white dark:bg-gray-950">
+    <section id="orchestration">
       <div class="mx-auto max-w-4xl px-8 text-left">
         <H2>Orchestration</H2>
 
@@ -109,7 +109,7 @@ import { Image } from "astro:assets";
         >
       </div>
     </section>
-    <section id="Conducting" class="bg-white dark:bg-gray-950">
+    <section id="Conducting">
       <div class="mx-auto max-w-4xl px-8 text-left">
         <H2>Conducting</H2>
         <Paragraph
@@ -155,7 +155,7 @@ import { Image } from "astro:assets";
         >
       </div>
     </section>
-    <section id="sound" class="bg-white dark:bg-gray-950">
+    <section id="sound">
       <div class="mx-auto max-w-4xl px-8 text-left">
         <H2>Sound Design</H2>
         <Paragraph