diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html
index e7a155e107..bee2dd1f09 100644
--- a/bskyweb/templates/base.html
+++ b/bskyweb/templates/base.html
@@ -93,8 +93,11 @@
       var htmlWidth = html.getBoundingClientRect().width;
       var scrollbarWidth = (windowWidth - htmlWidth) / 2;
       var scrollbarOffset = scrollbarWidth / 2;
-      html.style.setProperty('--scrollbar-offset', `${scrollbarOffset}px`);
-      html.style.setProperty('--scrollbar-offset-negative', `-${scrollbarOffset}px`);
+      var isFF = /firefox/i.test(navigator.userAgent)
+      if (!isFF) {
+        html.style.setProperty('--scrollbar-offset', `${scrollbarOffset}px`);
+        html.style.setProperty('--scrollbar-offset-negative', `-${scrollbarOffset}px`);
+      }
     } catch (error) {}
   </script>
 
diff --git a/web/index.html b/web/index.html
index c3aed436a9..d42981ff52 100644
--- a/web/index.html
+++ b/web/index.html
@@ -98,8 +98,11 @@
         var htmlWidth = html.getBoundingClientRect().width;
         var scrollbarWidth = (windowWidth - htmlWidth) / 2;
         var scrollbarOffset = scrollbarWidth / 2;
-        html.style.setProperty('--scrollbar-offset', `${scrollbarOffset}px`);
-        html.style.setProperty('--scrollbar-offset-negative', `-${scrollbarOffset}px`);
+        var isFF = /firefox/i.test(navigator.userAgent)
+        if (!isFF) {
+          html.style.setProperty('--scrollbar-offset', `${scrollbarOffset}px`);
+          html.style.setProperty('--scrollbar-offset-negative', `-${scrollbarOffset}px`);
+        }
       } catch (error) {}
     </script>
   </head>