diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 43b07db15..4b872bf3c 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -61,6 +61,14 @@ export default function Navbar({ navLinks, enableDarkMode, navbarNoBg }) {
         'bg-black': !navbarNoBg
       })}
       ref={ref}
+      /* Fix for a bug that only @joa was able to reproduce.
+       * For reference:
+       * - MacOS
+       * - Chrome: Version 118.0.5993.117 (Official Build) (arm64)
+       * - No specific window size
+       * On scrolling down and then back up the navbar would go an opaque off white.
+      */
+      style="padding-top: 1px;"
     >
       <div className='container mx-auto px-4 sm:px-12 2xl:px-0 max-w-7xl flex flex-wrap items-center justify-between h-full'>
         <a href='/' class='flex items-center w-20 z-10'>