From 70bb3dd1d95abea1100698df158612248caae5c0 Mon Sep 17 00:00:00 2001
From: Oliver Marshall <olivershawmarshall@gmail.com>
Date: Wed, 1 Nov 2023 13:10:54 +0000
Subject: [PATCH 1/2] fix: navbar going opaque off white on scrolling up on
 some machines

---
 src/components/Navbar.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 43b07db15..82e77d3b7 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="margin-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'>

From 9192c96249f79f0544012c2b6b9f8958c955b088 Mon Sep 17 00:00:00 2001
From: Oliver Marshall <Akeboshiwind@users.noreply.github.com>
Date: Wed, 1 Nov 2023 17:24:50 +0000
Subject: [PATCH 2/2] fix: change to using padding instead of margin

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 82e77d3b7..4b872bf3c 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -68,7 +68,7 @@ export default function Navbar({ navLinks, enableDarkMode, navbarNoBg }) {
        * - No specific window size
        * On scrolling down and then back up the navbar would go an opaque off white.
       */
-      style="margin-top: 1px;"
+      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'>