Fix UI when Popup is in overflow menu

src/css/popup.css

@@ -62,6 +62,19 @@ body {
   color: var(--text-grey);
 }
 
+.overflow body,
+.overflow html {
+  inline-size: 100%;
+}
+
+.overflow .container-panel {
+  min-block-size: 100%;
+}
+
+.overflow .panel.onboarding {
+  margin-block: auto;
+}
+
 html,
 body {
   block-size: 100%; /* Bugfix: issue 948 */

src/js/popup.js

@@ -2159,8 +2159,8 @@ window.addEventListener("resize", function () {
   const difference = window.innerWidth - document.body.offsetWidth;
   if (difference > 2) {
     //if popup is in the overflow menu, window will be larger than 300px
+
     const root = document.documentElement;
-    root.style.setProperty("--overflow-size", difference + "px");
-    root.style.setProperty("--icon-fit", "12");
+    root.classList.add("overflow");
   }
 });