diff --git a/components/section/AboutMe.vue b/components/section/AboutMe.vue
index 1b5ad323..32943c84 100644
--- a/components/section/AboutMe.vue
+++ b/components/section/AboutMe.vue
@@ -65,7 +65,7 @@ onMounted(() => {
             </span>
             helping lead the way of modern data orchestration at
             <a
-              class="border-b-2 border-blue-200"
+              class="border-b-2 border-red-200"
               target="_blank"
               rel="noopener noreferrer"
               href="https://dagster.io/"
@@ -75,14 +75,14 @@ onMounted(() => {
           <div>
             Previously, I worked at
             <a
-              class="border-b-2 border-blue-200"
+              class="border-b-2 border-red-200"
               target="_blank"
               rel="noopener noreferrer"
               href="https://www.gemini.com/"
               >Gemini</a
             > building the future of finance, and before that at Georgetown University's
             <a
-              class="border-b-2 border-blue-200"
+              class="border-b-2 border-red-200"
               target="_blank"
               rel="noopener noreferrer"
               href="https://mccourt.georgetown.edu/research/the-massive-data-institute/"
diff --git a/components/section/BlogPosts.vue b/components/section/BlogPosts.vue
index 962b0952..ccfb726f 100644
--- a/components/section/BlogPosts.vue
+++ b/components/section/BlogPosts.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <section class="bg-emerald-950 bg-[url('/images/noise.svg')] text-white">
+  <section>
     <div class="container mx-auto space-y-4">
       <h1 class="text-3xl font-bold leading-tight text-white">
         Blog Posts
diff --git a/components/section/Interests.vue b/components/section/Interests.vue
index ac8485b2..83d1d3db 100644
--- a/components/section/Interests.vue
+++ b/components/section/Interests.vue
@@ -1,6 +1,5 @@
 <template>
-  <!-- <section class="bg-emerald-900 bg-[url('/images/topography.svg')] text-white"> -->
-  <section class="bg-emerald-950 bg-[url('/images/noise.svg')] text-white">
+  <section class="text-white">
     <div class="bg-gradient-to-b from-background to-transparent">
       <div
         class="container mx-auto grid grid-cols-1 space-y-6 py-8 md:grid-cols-3 md:space-x-6 md:space-y-0"
diff --git a/components/section/Playground.vue b/components/section/Playground.vue
index 044f3e45..4166d8a7 100644
--- a/components/section/Playground.vue
+++ b/components/section/Playground.vue
@@ -90,7 +90,7 @@ const filtered_links = computed(() => {
 </script>
 
 <template>
-  <section class="bg-emerald-950 bg-[url('/images/noise.svg')] text-white">
+  <section class="text-white">
     <div class="container mx-auto space-y-4 py-8 text-white">
       <h1 class="text-3xl font-bold leading-tight text-white">
         {{ title }}
@@ -104,7 +104,7 @@ const filtered_links = computed(() => {
           <div
             class="h-full rounded-xl bg-black bg-opacity-70 drop-shadow-lg hover:ring-1 hover:ring-white"
           >
-            <div class="p-4">
+            <div class="min-h-28 px-4 pt-4">
               <h3 class="pb-2 text-xl font-bold">{{ link.title }}</h3>
               <div class="text-base font-light line-clamp-2" v-html="link.description"></div>
             </div>
diff --git a/pages/index.vue b/pages/index.vue
index 48a9354a..012c062f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -18,8 +18,10 @@ const data = await queryContent()
 <template>
   <div>
     <SectionAboutMe />
-    <SectionInterests />
-    <SectionBlogPosts :articles="data" :show_dates="true" />
-    <SectionPlayground :limit="6" showImages linkToPlayground />
+    <div class="bg-emerald-950 bg-[url('/images/noise.svg')]">
+      <SectionInterests />
+      <SectionBlogPosts :articles="data" :show_dates="true" />
+      <SectionPlayground :limit="6" showImages linkToPlayground />
+    </div>
   </div>
 </template>