Moved popup size to globol.css (body) to fix resize flash issue

src/Popup/Pages/UserAgentPage/index.tsx

@@ -4,7 +4,6 @@ import DebouncedInput from '../../Components/DebouncedInput'
 import userAgents from '../../../utils/userAgents'
 import detachDebugger from '../../../utils/detachDebugger'
 import Page from '../../Components/Page'
-import FooterLink from '../../Components/FooterLink'
 
 interface UserAgentPageProps {
   tab: string

src/Popup/Popup.tsx

@@ -13,14 +13,10 @@ const Popup = () => {
 
   return (
     <ThemeProvider theme={theme}>
-      <Flex
-        sx={{
-          width: '350px',
-          height: '440px',
-        }}
-      >
+      <Flex>
         <Flex
           sx={{
+            height: '100vh',
             minWidth: '36px',
             backgroundColor: 'primary',
             alignItems: 'center',

src/assets/global.css

@@ -7,6 +7,8 @@
 body {
   font-family: 'Nunito', Arial, Helvetica, sans-serif;
   font-weight: 500;
+  width: 350px;
+  height: 440px;
 }
 
 input {