diff --git a/src/styles/fonts.css b/src/styles/fonts.css
index 99f82b6..f2401ae 100644
--- a/src/styles/fonts.css
+++ b/src/styles/fonts.css
@@ -58,3 +58,7 @@
 .font-face-danzza-bold {
   font-family: "Danzza Bold";
 }
+
+.green {
+  color: var(--color-primary);
+}
diff --git a/src/views/Expertise.svelte b/src/views/Expertise.svelte
index d52fb81..cb0c822 100644
--- a/src/views/Expertise.svelte
+++ b/src/views/Expertise.svelte
@@ -281,13 +281,13 @@
       style="transform: translateY({offsetY}px)"
     >
       {#each items as item, i}
-        <p
+        <div
           class="expertise-item"
           class:active={i === currentItem}
           bind:this={itemEls[i]}
         >
           {@html item.text}
-        </p>
+        </div>
       {/each}
     </div>
   </div>
@@ -298,6 +298,10 @@
     background-color: #000;
   }
 
+  :global(.expertise-item p) {
+    margin-bottom: 1rem;
+  }
+
   /* Full-grid video background */
   .expertise-bg {
     grid-area: 1/1 / span 20 / span 20;