fix: overflow X scroll issue (#1693)

* feat: add handWave.gif

* feat: add logoTransparent and Item1

* feat: create ActionButton

* feat: create Carousel

* feat: create GradientBox

* feat: create GradientButton

* feat: create GradientDivider

* refactor: add created components

* feat: create GradientBox

* feat: add new font OdibeeSans-Regular

* feat: increase extension width to 375px

* feat: create WelcomeHeader

* refactor: add created components

* feat: create new component LogoDropAnimation

* style: add gradient

* feat: create ExtensionPopup.tsx

* refactor: add new components and a new directory

* refactor: update components index file

* feat: create PrivacyPolicy.tsx

* feat: create PrivacyPolicy.tsx

* feat: create SelectLanguage.tsx

* refactor: update WelcomeHeader.tsx and welcome page

* feat: add new package iconsax-react

* style: add check gradient circle

* style: polished

* style: add disabled state to gradient button

* refactor: move SelectLanguage and PrivacyPolicy to WelcomeHeader

* fix: ci issue

* fix: closeSquare icon color issue

* fix: inter font issue

* style: update ActionButton style

* refactor: update GradientButton style

* refactor: update path

* style: add hover effect

* fix: style and disabled issue

* fix: some easing issue

* feat: create Tooltip

* refactor: add tooltip to PrivacyPolicy

* chore: update Copyright 2019-2025

* feat: add Box.svg

* refactor: update ActionButton.tsx and GradientBorder.tsx

* style: make LogoMotionDark.gif bg transparent

* refactor: add new feat to GradientBox.tsx

* style: update GradientButton.tsx

* feat: create PasswordInput.tsx

* feat: create Header.tsx

* feat: new login page

* refactor: add new login page to Loading.tsx

* fix: some minor issues

* chore: update copy right

* style: some small designing adjustment

* feat: create NeonButton.tsx

* feat: create Version.tsx

* style: redesign AskToSetPassword.tsx

* refactor: use Version.tsx component in Login.tsx

* fix: overflow X scroll problem

---------

Co-authored-by: Nick <[email protected]>

packages/extension-polkagate/src/components/ExtensionPopup.tsx

@@ -51,7 +51,7 @@ function ExtensionPopup ({ TitleIcon, children, handleClose, openMenu, title }:
         <Grid alignItems='center' container item justifyContent='center' sx={{ pb: '12px', pt: '18px' }}>
           <CustomCloseSquare color='#AA83DC' onClick={handleClose} size='48' style={{ cursor: 'pointer' }}/>
         </Grid>
-        <Grid alignItems='center' container item justifyContent='center' sx={{ bgcolor: '#1B133C', border: '2px solid', borderColor: '#FFFFFF0D', borderTopLeftRadius: '32px', borderTopRightRadius: '32px', display: 'block', height: 'calc(100% - 78px)', overflow: 'scroll', p: '10px', pb: '10px', position: 'relative' }}>
+        <Grid alignItems='center' container item justifyContent='center' sx={{ bgcolor: '#1B133C', border: '2px solid', borderColor: '#FFFFFF0D', borderTopLeftRadius: '32px', borderTopRightRadius: '32px', display: 'block', height: 'calc(100% - 78px)', overflow: 'hidden', overflowY: 'scroll', p: '10px', pb: '10px', position: 'relative', width: '100%' }}>
           <Grid alignItems='center' columnGap='10px' container item justifyContent='center' p='10px'>
             {TitleIcon
               ? <TitleIcon color='#AA83DC' size={28} variant='Bold' />

packages/extension-polkagate/src/components/GradientBox.tsx

@@ -34,7 +34,7 @@ function GradientBox ({ children, noGradient = false, style }: Props) {
 
   return (
     <Container disableGutters sx={ContainerStyle}>
-      <GradientBorder style={{ top: '-2px'}} />
+      <GradientBorder style={{ top: '-2px' }} />
       <ContentWrapper>
         {!noGradient && <RedGradient style={{ top: '-100px' }} />}
         <Box position='relative' zIndex={1}>

packages/extension-polkagate/src/popup/welcome/AddAccount.tsx

@@ -90,7 +90,7 @@ function AddAccount ({ openMenu, setPopup }: Props): React.ReactElement {
         <Grid alignItems='center' container item justifyContent='center' sx={{ pb: '12px', pt: '18px' }}>
           <CustomCloseSquare color='#AA83DC' onClick={handleClose} size='48' style={{ cursor: 'pointer' }} />
         </Grid>
-        <Grid alignItems='center' container item justifyContent='center' sx={{ bgcolor: '#120D27', border: '2px solid', borderColor: '#FFFFFF0D', borderTopLeftRadius: '32px', borderTopRightRadius: '32px', display: 'block', height: 'calc(100% - 78px)', overflow: 'scroll', p: '10px', position: 'relative' }}>
+        <Grid alignItems='center' container item justifyContent='center' sx={{ bgcolor: '#120D27', border: '2px solid', borderColor: '#FFFFFF0D', borderTopLeftRadius: '32px', borderTopRightRadius: '32px', display: 'block', height: 'calc(100% - 78px)', overflow: 'hidden', overflowY: 'scroll', p: '10px', position: 'relative' }}>
           <GradientBorder />
           <Grid alignItems='center' columnGap='10px' container item justifyContent='center' p='10px'>
             <Typography color='#fff' fontFamily='OdibeeSans' fontSize='29px' fontWeight={400} textTransform='uppercase'>