message: Fix unscrollable after swtch from mobile to desktop resolution
diff: @@ -131,7 +131,7 @@ const HoverableRow = styled(Row, HoverableStyle);
  const SignInMenuItem = () => {
  const [visible, setVisible] = useState(false);
  return (
  - <HoverableRow>
  + <HoverableRow style={{ marginRight: 5 }}>
  <span onClick={() => setVisible(!visible)} role="menu">
  {t("topbar.sign_in")}
  </span>
  @@ -194,18 +194,23 @@ const TopMobileMenu = ({
  }: {
  enableSignIn?: boolean;
  }): JSX.Element => {
  - const [collapsed, setCollapsedState] = useState(true);
  + const [collapsed, setCollapsed] = useState(true);
  const icon = collapsed ? "menu" : "close";
  const mobileMenus: Array<INavMenuItem> = [...MAIN_NAV_MENUS, CHAIN_MENU_ITEM];
  - const setCollapsed = (val: boolean) => {
  - document.body.style.overflow = val ? "" : "hidden";
  - setCollapsedState(val);
  - };
  return (
  + <div
  + style={{
  + position: "relative",
  + height: TOP_BAR_HEIGHT
  + }}
  + >
  <ContentPadding
  style={{
  + position: "fixed",
  backgroundColor: colors.nav01,
  - position: "relative",
  + top: 0,
  + height: TOP_BAR_HEIGHT,
  + width: "100vw",
  zIndex: 9999
  }}
  >
  @@ -213,7 +218,6 @@ const TopMobileMenu = ({
  type="flex"
  align="middle"
  justify="space-between"
  - style={{ height: TOP_BAR_HEIGHT }}
  onClick={() => !collapsed && setCollapsed(true)}
  >
  <Col>
  @@ -224,7 +228,11 @@ const TopMobileMenu = ({
  align="middle"
  justify="end"
  style={{ height: TOP_BAR_HEIGHT, color: colors.white }}
  - gutter={20}
  + gutter={{
  + xs: 10,
  + sm: 20,
  + md: 40
  + }}
  >
  {enableSignIn && (
  <Col>
  @@ -276,6 +284,7 @@ const TopMobileMenu = ({
  </ContentPadding>
  </Drawer>
  </ContentPadding>
  + </div>
  );
  };
  