diff --git a/src/views/About.svelte b/src/views/About.svelte
index 21f722d..f96cbf9 100644
--- a/src/views/About.svelte
+++ b/src/views/About.svelte
@@ -1,6 +1,7 @@
 <script>
   import { onMount } from 'svelte'
   import { slides } from '@state/slides.svelte'
+  import { navigation } from '@state/navigation.svelte'
 
   import { t } from '@i18n'
   import Footer from '@components/layout/Footer.svelte'
@@ -75,7 +76,7 @@
   })
 </script>
 
-<div class="about golden-grid page-scrollable" bind:this={sectionEl}>
+<div class="about golden-grid page-scrollable" bind:this={sectionEl} onscroll={() => navigation.setScrolled(sectionEl.scrollTop > 100)}>
   <div class="page-container">
     <!-- Intro -->
     <section class="about-intro">