diff --git a/src/userChrome/urlbar.css b/src/userChrome/urlbar.css
index c3381ab86807a492f1eb6b4cc457d7748ce7e210..114c21577c41cccdb3579af2536ebf78252d662a 100644
--- a/src/userChrome/urlbar.css
+++ b/src/userChrome/urlbar.css
@@ -1,4 +1,4 @@
-/* Copyright 2022 Oliver Smith
+/* Copyright 2025 Oliver Smith, Peter Mack
  * SPDX-License-Identifier: MPL-2.0 */
 
 /* Reduce minimum window width */
@@ -65,6 +65,27 @@
         display: none;
     }
 
+    /* Fixing invisible URL bar on FF 133+ */
+    #urlbar[breakout][breakout-extend] {
+        width: --urlbar-width !important;
+        bottom: 0 !important;
+        z-index: 5 !important;
+    }
+
+    @media not (-moz-bool-pref: "mcf.addressbarontop") {
+        #urlbar[breakout][breakout-extend] {
+            top: 0 !important;
+            align-content: flex-end !important;
+        }
+    }
+
+    @media (-moz-bool-pref: "mcf.addressbarontop") {
+        #urlbar[breakout][breakout-extend] {
+            top: calc(1.1 * --urlbar-container-height) !important;
+            align-content: flex-start !important;
+        }
+    }
+
     /* Label of "identity icons", e.g. firefox specific pages look weird
      * when ellipsed, e.g. "F..x" instead of "Firefox". So just hide this
      * label. The icon itself is still visible. */