diff --git a/src/features/Moonpay/Moonpay.tsx b/src/features/Moonpay/Moonpay.tsx
index 987c769..ad455f0 100644
--- a/src/features/Moonpay/Moonpay.tsx
+++ b/src/features/Moonpay/Moonpay.tsx
@@ -21,7 +21,7 @@ export default function MoonpayPage() {
   const { isMobile } = useResponsive()
   const phantomWallet = new PhantomWalletAdapter()
   const isPhantomInstalled = useMemo(() => phantomWallet.readyState !== WalletReadyState.NotDetected, [phantomWallet.readyState])
-  const [isNotTooTall] = useMediaQuery('(max-height: 1100px)')
+  const [isShortScreen, isMediumScreen] = useMediaQuery(['(max-height: 700px)', '(max-height: 1100px)'])
   const css = `
     .beta_tooltip, .navbar, .mobile_bottom_navbar {
       z-index: 1
@@ -57,121 +57,124 @@ export default function MoonpayPage() {
         overflow="auto"
         position="relative"
       >
-        <AppNavLayout>{null}</AppNavLayout>
-        <Flex
-          width="100%"
-          height="100%"
-          alignItems="center"
-          justifyContent="center"
-          background="url(/images/moonpay-dots.svg)"
-          backgroundPosition="center bottom 125px"
-          backgroundRepeat="no-repeat"
-          position="absolute"
-          top="0"
-          left="0"
-          {...(isMobile ? {} : { minHeight: '700px' })}
-        >
-          <Box
-            textAlign="center"
-            {...(isMobile ? { display: 'flex', flexDirection: 'column', px: '6' } : {})}
-            mb={isNotTooTall && !isMobile ? '25vh' : '0'}
+        <AppNavLayout>
+          <Flex
+            width="100%"
+            alignItems="center"
+            justifyContent="center"
+            background="url(/images/moonpay-dots.svg)"
+            backgroundPosition="center bottom 125px"
+            backgroundRepeat="no-repeat"
+            {...(isMobile
+              ? { height: isShortScreen ? 'auto' : '100%' }
+              : { position: 'absolute', top: '0', left: '0', height: '100%', minHeight: '700px' })}
           >
-            <Flex alignItems="center" justifyContent="center" gap={4} flexDirection="row">
+            <Box
+              textAlign="center"
+              {...(isMobile ? { display: 'flex', flexDirection: 'column', px: '6' } : {})}
+              mb={isMediumScreen && !isMobile ? '25vh' : '0'}
+            >
+              <Flex alignItems="center" justifyContent="center" gap={4} flexDirection="row">
+                <Flex
+                  w={{ base: '64px', md: '104px' }}
+                  h={{ base: '64px', md: '104px' }}
+                  minWidth={{ base: '64px', md: '104px' }}
+                  p={{ base: '10px', md: '16px' }}
+                  borderRadius={{ base: '15px', md: '24px' }}
+                  bgColor={colors.background02}
+                  alignItems="center"
+                  justifyContent="center"
+                >
+                  <RaydiumLogo width="64" height="64" />
+                </Flex>
+                <Plus width="25px" height="25px" color="#8d93b7" />
+                <Flex
+                  w={{ base: '64px', md: '104px' }}
+                  h={{ base: '64px', md: '104px' }}
+                  minWidth={{ base: '64px', md: '104px' }}
+                  p={{ base: '10px', md: '16px' }}
+                  borderRadius={{ base: '15px', md: '24px' }}
+                  bgColor={colors.background02}
+                  alignItems="center"
+                  justifyContent="center"
+                >
+                  <MoonPayIcon width="100%" height="100%" color="#7715f5" />
+                </Flex>
+              </Flex>
+              <Text as="h1" fontFamily="chillax" fontSize={['24px', '40px', '40px']} color={colors.text02} mt={6} mb={8}>
+                {t('moonpay.deposit_using')}
+                <Text as="span" fontWeight="semibold">
+                  {t('moonpay.title')}
+                </Text>
+              </Text>
+              <Box {...(isMobile ? { mb: '4', mt: '4', order: 2 } : {})}>
+                {isPhantomInstalled ? <WalletOnramp /> : <Text fontSize="sm">{t('moonpay.phantom_wallet_not_installed')}</Text>}
+              </Box>
               <Flex
-                w={{ base: '64px', md: '104px' }}
-                h={{ base: '64px', md: '104px' }}
-                minWidth={{ base: '64px', md: '104px' }}
-                p={{ base: '10px', md: '16px' }}
-                borderRadius={{ base: '15px', md: '24px' }}
-                bgColor={colors.background02}
-                alignItems="center"
-                justifyContent="center"
+                maxW="728px"
+                m="0 auto"
+                borderTop={`1px solid ${colors.dividerBg}`}
+                pt={6}
+                color={colors.text03}
+                textAlign="left"
+                {...(isMobile
+                  ? {
+                      position: 'static',
+                      width: '100%',
+                      order: '1',
+                      mt: '3vh',
+                      gap: '4',
+                      direction: 'column'
+                    }
+                  : {
+                      justifyContent: 'space-between',
+                      gap: '20',
+                      mb: '5.5rem',
+                      direction: 'row',
+                      position: 'absolute',
+                      left: '50%',
+                      bottom: '10vh',
+                      transform: 'translateX(-50%)'
+                    })}
               >
-                <RaydiumLogo width="64" height="64" />
+                {['step1', 'step2', 'step3'].map((step, index) => (
+                  <Box key={index} flex="1" {...(isMobile ? { display: 'flex', gap: '4' } : {})}>
+                    <Box mb={isMobile ? 0 : '2'}>
+                      {index === 0 && <Phantom width="24" height="24" color="#898eff" />}
+                      {index === 1 && <SolGrey width="24" height="24" color="#898eff" />}
+                      {index === 2 && <Cart width="24" height="24" color="#898eff" />}
+                    </Box>
+                    <Box>
+                      <Text
+                        fontSize={{ base: 'sm', md: 'md' }}
+                        color={colors.text02}
+                        fontFamily="chillax"
+                        fontWeight="semibold"
+                        textTransform="uppercase"
+                        mb={1}
+                      >
+                        {t(`moonpay.${step}`)}
+                      </Text>
+                      <Text fontSize="sm">{t(`moonpay.${step}_text`)}</Text>
+                    </Box>
+                  </Box>
+                ))}
               </Flex>
-              <Plus width="25px" height="25px" color="#8d93b7" />
               <Flex
-                w={{ base: '64px', md: '104px' }}
-                h={{ base: '64px', md: '104px' }}
-                minWidth={{ base: '64px', md: '104px' }}
-                p={{ base: '10px', md: '16px' }}
-                borderRadius={{ base: '15px', md: '24px' }}
-                bgColor={colors.background02}
-                alignItems="center"
+                width="100%"
                 justifyContent="center"
+                alignItems="center"
+                gap="3"
+                mt={8}
+                {...(isMobile ? {} : { position: 'absolute', bottom: '14', left: '0' })}
               >
-                <MoonPayIcon width="100%" height="100%" color="#7715f5" />
+                {['apple', 'google', 'mastercard', 'visa', 'paypal'].map((name, index) => (
+                  <Image key={index} src={`/images/payments/${name}.webp`} width="50px" height="auto" />
+                ))}
               </Flex>
-            </Flex>
-            <Text as="h1" fontFamily="chillax" fontSize={['24px', '40px', '40px']} color={colors.text02} mt={6} mb={8}>
-              {t('moonpay.deposit_using')}
-              <Text as="span" fontWeight="semibold">
-                {t('moonpay.title')}
-              </Text>
-            </Text>
-            <Box {...(isMobile ? { mt: '8', order: 2 } : {})}>
-              {isPhantomInstalled ? <WalletOnramp /> : <Text fontSize="sm">{t('moonpay.phantom_wallet_not_installed')}</Text>}
             </Box>
-            <Flex
-              maxW="728px"
-              m="0 auto"
-              borderTop={`1px solid ${colors.dividerBg}`}
-              pt={6}
-              left="50%"
-              bottom="10vh"
-              mb="88px"
-              color={colors.text03}
-              textAlign="left"
-              {...(isMobile
-                ? {
-                    position: 'static',
-                    width: '100%',
-                    marginBottom: '0',
-                    transform: 'none',
-                    order: '1',
-                    marginTop: '3vh',
-                    gap: '4',
-                    direction: 'column'
-                  }
-                : { justifyContent: 'space-between', gap: '80px', direction: 'row', position: 'absolute', transform: 'translateX(-50%)' })}
-            >
-              {['step1', 'step2', 'step3'].map((step, index) => (
-                <Box key={index} flex="1" {...(isMobile ? { display: 'flex', gap: '12px' } : {})}>
-                  <Box width="24px" height="24px">
-                    {index === 0 && <Phantom width="24" height="24" color="#898eff" />}
-                    {index === 1 && <SolGrey width="24" height="24" color="#898eff" />}
-                    {index === 2 && <Cart width="24" height="24" color="#898eff" />}
-                  </Box>
-                  <Box>
-                    <Text
-                      fontSize={{ base: 'sm', md: 'md' }}
-                      color={colors.text02}
-                      fontFamily="chillax"
-                      fontWeight="semibold"
-                      textTransform="uppercase"
-                      {...(isMobile ? {} : { mt: '8px', mb: '4px' })}
-                    >
-                      {t(`moonpay.${step}`)}
-                    </Text>
-                    <Text fontSize="sm">{t(`moonpay.${step}_text`)}</Text>
-                  </Box>
-                </Box>
-              ))}
-            </Flex>
-            <Flex
-              width="100%"
-              justifyContent="center"
-              alignItems="center"
-              gap="3"
-              mt={8}
-              {...(isMobile ? {} : { m: '0', position: 'absolute', bottom: '56px', left: '0' })}
-            >
-              {['apple', 'google', 'mastercard', 'visa', 'paypal'].map((name, index) => (
-                <Image key={index} src={`/images/payments/${name}.webp`} width="50px" />
-              ))}
-            </Flex>
-          </Box>
-        </Flex>
+          </Flex>
+        </AppNavLayout>
       </Box>
     </Box>
   )
diff --git a/src/icons/misc/Cart.tsx b/src/icons/misc/Cart.tsx
index 33cbd16..60bed64 100644
--- a/src/icons/misc/Cart.tsx
+++ b/src/icons/misc/Cart.tsx
@@ -1,37 +1,37 @@
-import { SvgIcon } from '../type'
-
-export default function Cart(props: SvgIcon) {
-  const { width = 20, height = 20 } = props
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      viewBox={`0 0 ${width} ${height}`}
-      fill="none"
-      className="chakra-icon"
-      {...props}
-    >
-      <path
-        d="M13.5417 18.75C14.3471 18.75 15 18.0971 15 17.2917C15 16.4863 14.3471 15.8333 13.5417 15.8333C12.7363 15.8333 12.0834 16.4863 12.0834 17.2917C12.0834 18.0971 12.7363 18.75 13.5417 18.75Z"
-        fill="currentColor"
-        fillOpacity="0.95"
-      />
-      <path
-        d="M6.87496 18.75C7.68037 18.75 8.33329 18.0971 8.33329 17.2917C8.33329 16.4863 7.68037 15.8333 6.87496 15.8333C6.06954 15.8333 5.41663 16.4863 5.41663 17.2917C5.41663 18.0971 6.06954 18.75 6.87496 18.75Z"
-        fill="currentColor"
-        fillOpacity="0.95"
-      />
-      <path
-        d="M4.03329 3.28333L3.86663 5.325C3.83329 5.71666 4.14163 6.04166 4.53329 6.04166H17.2916C17.6416 6.04166 17.9333 5.775 17.9583 5.425C18.0666 3.95 16.9416 2.75 15.4666 2.75H5.22496C5.14163 2.38333 4.97496 2.03333 4.71663 1.74166C4.29996 1.3 3.71663 1.04166 3.11663 1.04166H1.66663C1.32496 1.04166 1.04163 1.325 1.04163 1.66666C1.04163 2.00833 1.32496 2.29166 1.66663 2.29166H3.11663C3.37496 2.29166 3.61663 2.4 3.79163 2.58333C3.96663 2.775 4.04996 3.025 4.03329 3.28333Z"
-        fill="currentColor"
-        fillOpacity="0.95"
-      />
-      <path
-        d="M17.0916 7.29166H4.3083C3.9583 7.29166 3.67496 7.55833 3.64163 7.9L3.34163 11.525C3.22496 12.95 4.34163 14.1667 5.76663 14.1667H15.0333C16.2833 14.1667 17.3833 13.1417 17.475 11.8917L17.75 8C17.7833 7.61666 17.4833 7.29166 17.0916 7.29166Z"
-        fill="currentColor"
-        fillOpacity="0.95"
-      />
-    </svg>
-  )
-}
+import { SvgIcon } from '../type'
+
+export default function Cart(props: SvgIcon) {
+  const { width = 20, height = 20 } = props
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 20 20"
+      fill="none"
+      className="chakra-icon"
+      {...props}
+    >
+      <path
+        d="M13.5417 18.75C14.3471 18.75 15 18.0971 15 17.2917C15 16.4863 14.3471 15.8333 13.5417 15.8333C12.7363 15.8333 12.0834 16.4863 12.0834 17.2917C12.0834 18.0971 12.7363 18.75 13.5417 18.75Z"
+        fill="currentColor"
+        fillOpacity="0.95"
+      />
+      <path
+        d="M6.87496 18.75C7.68037 18.75 8.33329 18.0971 8.33329 17.2917C8.33329 16.4863 7.68037 15.8333 6.87496 15.8333C6.06954 15.8333 5.41663 16.4863 5.41663 17.2917C5.41663 18.0971 6.06954 18.75 6.87496 18.75Z"
+        fill="currentColor"
+        fillOpacity="0.95"
+      />
+      <path
+        d="M4.03329 3.28333L3.86663 5.325C3.83329 5.71666 4.14163 6.04166 4.53329 6.04166H17.2916C17.6416 6.04166 17.9333 5.775 17.9583 5.425C18.0666 3.95 16.9416 2.75 15.4666 2.75H5.22496C5.14163 2.38333 4.97496 2.03333 4.71663 1.74166C4.29996 1.3 3.71663 1.04166 3.11663 1.04166H1.66663C1.32496 1.04166 1.04163 1.325 1.04163 1.66666C1.04163 2.00833 1.32496 2.29166 1.66663 2.29166H3.11663C3.37496 2.29166 3.61663 2.4 3.79163 2.58333C3.96663 2.775 4.04996 3.025 4.03329 3.28333Z"
+        fill="currentColor"
+        fillOpacity="0.95"
+      />
+      <path
+        d="M17.0916 7.29166H4.3083C3.9583 7.29166 3.67496 7.55833 3.64163 7.9L3.34163 11.525C3.22496 12.95 4.34163 14.1667 5.76663 14.1667H15.0333C16.2833 14.1667 17.3833 13.1417 17.475 11.8917L17.75 8C17.7833 7.61666 17.4833 7.29166 17.0916 7.29166Z"
+        fill="currentColor"
+        fillOpacity="0.95"
+      />
+    </svg>
+  )
+}
diff --git a/src/icons/misc/Phantom.tsx b/src/icons/misc/Phantom.tsx
index e29b5be..4a47b90 100644
--- a/src/icons/misc/Phantom.tsx
+++ b/src/icons/misc/Phantom.tsx
@@ -1,28 +1,28 @@
-import { SvgIcon } from '../type'
-
-export default function Phantom(props: SvgIcon) {
-  const { width = 23, height = 22 } = props
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      viewBox={`0 0 ${width} ${height}`}
-      fill="none"
-      className="chakra-icon"
-      {...props}
-    >
-      <g clipPath="url(#clip0_26764_57811)">
-        <path
-          d="M4.49908 18.9087C6.83478 18.9087 8.59008 16.8774 9.63762 15.2723C9.51021 15.6274 9.43941 15.9825 9.43941 16.3234C9.43941 17.261 9.97735 17.9286 11.039 17.9286C12.4971 17.9286 14.0542 16.6501 14.8611 15.2723C14.8044 15.4712 14.7761 15.6558 14.7761 15.8263C14.7761 16.4797 15.1442 16.8916 15.8944 16.8916C18.2585 16.8916 20.6366 12.7012 20.6366 9.0364C20.6366 6.18123 19.1927 3.66699 15.5689 3.66699C9.19879 3.66699 2.33325 11.4512 2.33325 16.4797C2.33325 18.4541 3.39493 18.9087 4.49908 18.9087ZM13.3747 8.7239C13.3747 8.01366 13.7711 7.5165 14.3514 7.5165C14.9177 7.5165 15.3141 8.01366 15.3141 8.7239C15.3141 9.43414 14.9177 9.94549 14.3514 9.94549C13.7711 9.94549 13.3747 9.43414 13.3747 8.7239ZM16.404 8.7239C16.404 8.01366 16.8004 7.5165 17.3808 7.5165C17.947 7.5165 18.3434 8.01366 18.3434 8.7239C18.3434 9.43414 17.947 9.94549 17.3808 9.94549C16.8004 9.94549 16.404 9.43414 16.404 8.7239Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_26764_57811">
-          <rect width="18.3333" height="15.2417" fill="white" transform="translate(2.33325 3.66699)" />
-        </clipPath>
-      </defs>
-    </svg>
-  )
-}
+import { SvgIcon } from '../type'
+
+export default function Phantom(props: SvgIcon) {
+  const { width = 23, height = 22 } = props
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 23 22"
+      fill="none"
+      className="chakra-icon"
+      {...props}
+    >
+      <g clipPath="url(#clip0_26764_57811)">
+        <path
+          d="M4.49908 18.9087C6.83478 18.9087 8.59008 16.8774 9.63762 15.2723C9.51021 15.6274 9.43941 15.9825 9.43941 16.3234C9.43941 17.261 9.97735 17.9286 11.039 17.9286C12.4971 17.9286 14.0542 16.6501 14.8611 15.2723C14.8044 15.4712 14.7761 15.6558 14.7761 15.8263C14.7761 16.4797 15.1442 16.8916 15.8944 16.8916C18.2585 16.8916 20.6366 12.7012 20.6366 9.0364C20.6366 6.18123 19.1927 3.66699 15.5689 3.66699C9.19879 3.66699 2.33325 11.4512 2.33325 16.4797C2.33325 18.4541 3.39493 18.9087 4.49908 18.9087ZM13.3747 8.7239C13.3747 8.01366 13.7711 7.5165 14.3514 7.5165C14.9177 7.5165 15.3141 8.01366 15.3141 8.7239C15.3141 9.43414 14.9177 9.94549 14.3514 9.94549C13.7711 9.94549 13.3747 9.43414 13.3747 8.7239ZM16.404 8.7239C16.404 8.01366 16.8004 7.5165 17.3808 7.5165C17.947 7.5165 18.3434 8.01366 18.3434 8.7239C18.3434 9.43414 17.947 9.94549 17.3808 9.94549C16.8004 9.94549 16.404 9.43414 16.404 8.7239Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_26764_57811">
+          <rect width="18.3333" height="15.2417" fill="white" transform="translate(2.33325 3.66699)" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
diff --git a/src/icons/misc/SolGrey.tsx b/src/icons/misc/SolGrey.tsx
index b0603b6..65fdc1c 100644
--- a/src/icons/misc/SolGrey.tsx
+++ b/src/icons/misc/SolGrey.tsx
@@ -1,28 +1,28 @@
-import { SvgIcon } from '../type'
-
-export default function SolGrey(props: SvgIcon) {
-  const { width = 16, height = 16 } = props
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      viewBox={`0 0 ${width} ${height}`}
-      fill="none"
-      className="chakra-icon"
-      {...props}
-    >
-      <g clipPath="url(#clip0_24153_70885)">
-        <path
-          d="M14.5979 11.1593L12.3969 13.4589C12.349 13.5089 12.2911 13.5487 12.2268 13.5759C12.1625 13.6032 12.0931 13.6172 12.0229 13.6172H1.58878C1.53899 13.6172 1.49029 13.603 1.44866 13.5764C1.40702 13.5498 1.37427 13.5119 1.35443 13.4674C1.33458 13.423 1.32851 13.3738 1.33695 13.326C1.3454 13.2782 1.36799 13.2338 1.40195 13.1984L3.60468 10.8987C3.65241 10.8489 3.71011 10.8092 3.77423 10.782C3.83836 10.7547 3.90754 10.7406 3.97749 10.7405H14.4111C14.4608 10.7405 14.5095 10.7547 14.5512 10.7813C14.5928 10.8079 14.6255 10.8458 14.6455 10.8902C14.6653 10.9347 14.6713 10.9839 14.6629 11.0317C14.6544 11.0795 14.6319 11.1238 14.5979 11.1593ZM12.3969 6.52848C12.349 6.47852 12.2911 6.43869 12.2268 6.41147C12.1625 6.38426 12.0931 6.37023 12.0229 6.37027H1.58878C1.53899 6.37027 1.49029 6.38444 1.44866 6.41104C1.40702 6.43764 1.37427 6.4755 1.35443 6.51997C1.33458 6.56446 1.32851 6.61362 1.33695 6.66143C1.3454 6.70921 1.36799 6.75357 1.40195 6.78904L3.60468 9.08869C3.65241 9.13851 3.71011 9.17824 3.77423 9.20547C3.83836 9.23267 3.90754 9.24679 3.97749 9.24689H14.4111C14.4608 9.24689 14.5095 9.23273 14.5512 9.20613C14.5928 9.17952 14.6255 9.14166 14.6455 9.09719C14.6653 9.0527 14.6713 9.00354 14.6629 8.95574C14.6544 8.90795 14.6319 8.86359 14.5979 8.82812L12.3969 6.52848ZM1.58878 4.87663H12.0229C12.0931 4.87666 12.1625 4.86264 12.2268 4.83542C12.2911 4.8082 12.349 4.76837 12.3969 4.71842L14.5979 2.41877C14.6319 2.38331 14.6544 2.33895 14.6629 2.29116C14.6713 2.24336 14.6653 2.1942 14.6455 2.14971C14.6255 2.10523 14.5928 2.06737 14.5512 2.04077C14.5095 2.01417 14.4608 2 14.4111 2H3.97749C3.90754 2.00012 3.83836 2.01422 3.77423 2.04143C3.71011 2.06865 3.65241 2.10839 3.60468 2.15822L1.40252 4.45786C1.36859 4.49328 1.34601 4.5376 1.33754 4.58533C1.32908 4.63308 1.33511 4.6822 1.35488 4.72667C1.37466 4.77113 1.40732 4.80899 1.44887 4.83563C1.49042 4.86227 1.53904 4.87651 1.58878 4.87663Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_24153_70885">
-          <rect width="13.3333" height="11.6172" fill="white" transform="translate(1.33325 2)" />
-        </clipPath>
-      </defs>
-    </svg>
-  )
-}
+import { SvgIcon } from '../type'
+
+export default function SolGrey(props: SvgIcon) {
+  const { width = 16, height = 16 } = props
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 16 16"
+      fill="none"
+      className="chakra-icon"
+      {...props}
+    >
+      <g clipPath="url(#clip0_24153_70885)">
+        <path
+          d="M14.5979 11.1593L12.3969 13.4589C12.349 13.5089 12.2911 13.5487 12.2268 13.5759C12.1625 13.6032 12.0931 13.6172 12.0229 13.6172H1.58878C1.53899 13.6172 1.49029 13.603 1.44866 13.5764C1.40702 13.5498 1.37427 13.5119 1.35443 13.4674C1.33458 13.423 1.32851 13.3738 1.33695 13.326C1.3454 13.2782 1.36799 13.2338 1.40195 13.1984L3.60468 10.8987C3.65241 10.8489 3.71011 10.8092 3.77423 10.782C3.83836 10.7547 3.90754 10.7406 3.97749 10.7405H14.4111C14.4608 10.7405 14.5095 10.7547 14.5512 10.7813C14.5928 10.8079 14.6255 10.8458 14.6455 10.8902C14.6653 10.9347 14.6713 10.9839 14.6629 11.0317C14.6544 11.0795 14.6319 11.1238 14.5979 11.1593ZM12.3969 6.52848C12.349 6.47852 12.2911 6.43869 12.2268 6.41147C12.1625 6.38426 12.0931 6.37023 12.0229 6.37027H1.58878C1.53899 6.37027 1.49029 6.38444 1.44866 6.41104C1.40702 6.43764 1.37427 6.4755 1.35443 6.51997C1.33458 6.56446 1.32851 6.61362 1.33695 6.66143C1.3454 6.70921 1.36799 6.75357 1.40195 6.78904L3.60468 9.08869C3.65241 9.13851 3.71011 9.17824 3.77423 9.20547C3.83836 9.23267 3.90754 9.24679 3.97749 9.24689H14.4111C14.4608 9.24689 14.5095 9.23273 14.5512 9.20613C14.5928 9.17952 14.6255 9.14166 14.6455 9.09719C14.6653 9.0527 14.6713 9.00354 14.6629 8.95574C14.6544 8.90795 14.6319 8.86359 14.5979 8.82812L12.3969 6.52848ZM1.58878 4.87663H12.0229C12.0931 4.87666 12.1625 4.86264 12.2268 4.83542C12.2911 4.8082 12.349 4.76837 12.3969 4.71842L14.5979 2.41877C14.6319 2.38331 14.6544 2.33895 14.6629 2.29116C14.6713 2.24336 14.6653 2.1942 14.6455 2.14971C14.6255 2.10523 14.5928 2.06737 14.5512 2.04077C14.5095 2.01417 14.4608 2 14.4111 2H3.97749C3.90754 2.00012 3.83836 2.01422 3.77423 2.04143C3.71011 2.06865 3.65241 2.10839 3.60468 2.15822L1.40252 4.45786C1.36859 4.49328 1.34601 4.5376 1.33754 4.58533C1.32908 4.63308 1.33511 4.6822 1.35488 4.72667C1.37466 4.77113 1.40732 4.80899 1.44887 4.83563C1.49042 4.86227 1.53904 4.87651 1.58878 4.87663Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_24153_70885">
+          <rect width="13.3333" height="11.6172" fill="white" transform="translate(1.33325 2)" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}