fix gap on mobile

Hubs-Foundation · Jul 5, 2023 · bb40346 · bb40346
1 parent 00094ea
commit bb40346
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/react-components/layout/Toolbar.scss b/src/react-components/layout/Toolbar.scss
@@ -34,7 +34,9 @@
   z-index: -1;
 
   @media (max-width: theme.$breakpoint-lg) {
-    width: unset;
+    width: 100%;
     position: relative;
+    justify-content: space-around;
+    gap: unset;
   }
 }
diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
@@ -1198,7 +1198,7 @@ class UIRoot extends Component {
           (this.props.breakpoint === "sm" || this.props.breakpoint === "md") &&
             isLockedDownDemo && {
               id: "see-plans",
-              label: <FormattedMessage id="more-menu.see-plans-cta" defaultMessage={"See Plans"} />,
+              label: <FormattedMessage id="more-menu.see-plans-cta" defaultMessage="See Plans" />,
               icon: { src: hubsLogo, alt: "Logo" },
               href: "https://hubs.mozilla.com/#subscribe"
             }