diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html
index 9a50fae69e..59cf39d02c 100644
--- a/bskyweb/templates/base.html
+++ b/bskyweb/templates/base.html
@@ -75,6 +75,10 @@
       top: 50%;
       transform: translateX(-50%) translateY(-50%) translateY(-50px);
     }
+    /* We need this style to prevent web dropdowns from shifting the display when opening */
+    body {
+      width: 100%;
+    }
   </style>
 
   {% include "scripts.html" %}
diff --git a/web/index.html b/web/index.html
index 2a406429c7..7b29597bb7 100644
--- a/web/index.html
+++ b/web/index.html
@@ -80,6 +80,10 @@
         top: 50%;
         transform: translateX(-50%) translateY(-50%) translateY(-50px);
       }
+      /* We need this style to prevent web dropdowns from shifting the display when opening */
+      body {
+        width: 100%;
+      }
     </style>
   </head>