Fix

invariant-labs · Jan 5, 2025 · be175e6 · be175e6
1 parent 9b9e095
commit be175e6
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/pages/LeaderboardPage/components/LeaderboardBanner/NormalBanner.tsx b/src/pages/LeaderboardPage/components/LeaderboardBanner/NormalBanner.tsx
@@ -40,6 +40,8 @@ export const NormalBanner = ({ onClose, isHiding }: INormalBannerProps) => {
           transform: isHiding ? 'translateY(-100%)' : 'translateY(0)',
           transition: 'transform 0.3s ease-in-out',
           width: '100%',
+          maxWidth: { xs: '100%', sm: '550px' },
+          position: 'relative',
           gap: '12px'
         }}>
         <Box
@@ -49,13 +51,13 @@ export const NormalBanner = ({ onClose, isHiding }: INormalBannerProps) => {
             width: { xs: '20px', sm: '24px' },
             height: { xs: '20px', sm: '24px' },
             minWidth: { xs: '20px', sm: '24px' },
-            objectFit: 'contain',
-            mt: '2px'
+            objectFit: 'contain'
           }}
         />
         <Box
           sx={{
             display: 'inline',
+            width: 'fit-content',
             fontSize: { xs: '14px', sm: '16px' },
             flex: 1
           }}>
@@ -77,7 +79,7 @@ export const NormalBanner = ({ onClose, isHiding }: INormalBannerProps) => {
         sx={{
           position: 'absolute',
           top: '50%',
-          right: { xs: '8px', sm: '10px' },
+          right: { xs: '8px', sm: '25px' },
           transform: 'translateY(-50%)',
           cursor: 'pointer',
           color: colors.invariant.text,