diff --git a/src/layouts/PublicLayout.tsx b/src/layouts/PublicLayout.tsx
index c45a510..f208a95 100644
--- a/src/layouts/PublicLayout.tsx
+++ b/src/layouts/PublicLayout.tsx
@@ -421,9 +421,13 @@ export function PublicLayout() {
 
       setShowInlineNav((current) => {
         if (current) return needed <= available;
-        // Need real breathing room before switching back, to avoid flicker
-        // when the right-side width shrinks after the burger button hides.
-        return needed + 60 <= available;
+        // Hysteresis has to be wider than the right-side width difference
+        // between the two modes (“My Favorites / Kegemaran Saya” label
+        // shows in inline mode, ~80px). 60px was not enough and produced a
+        // dead zone (~1282–1302px in ms) where the header oscillated each
+        // frame. 120px keeps switching one-way — once we’re in burger we
+        // only flip back when there’s real headroom.
+        return needed + 120 <= available;
       });
     };
 
@@ -813,20 +817,27 @@ export function PublicLayout() {
               <div className="hidden md:block">
                 <WalletButton />
               </div>
-              {showInlineNav ? null : (
-                <button
-                  ref={desktopMenuButtonRef}
-                  type="button"
-                  className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-ark-line bg-[#1a1b20] text-neutral-200 outline-none focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg"
-                  onClick={() => {
-                    setDesktopSearchOpen(false);
-                    setOpen((v) => !v);
-                  }}
-                  aria-label="menu"
-                >
-                  {open ? <X size={18} /> : <Menu size={18} />}
-                </button>
-              )}
+              {/* Burger toggle is always in the DOM so the right-side width
+                  doesn’t change between inline and burger modes. The visible
+                  / invisible toggle controls click-ability without resizing
+                  the row, which would otherwise feed back into the fit
+                  measurement and cause oscillation at borderline widths. */}
+              <button
+                ref={desktopMenuButtonRef}
+                type="button"
+                className={`inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-ark-line bg-[#1a1b20] text-neutral-200 outline-none focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg ${
+                  showInlineNav ? "pointer-events-none invisible" : ""
+                }`}
+                tabIndex={showInlineNav ? -1 : 0}
+                onClick={() => {
+                  setDesktopSearchOpen(false);
+                  setOpen((v) => !v);
+                }}
+                aria-hidden={showInlineNav}
+                aria-label="menu"
+              >
+                {open ? <X size={18} /> : <Menu size={18} />}
+              </button>
             </div>
           </div>
         </div>