Merge remote-tracking branch 'origin' into feat/adjust-por-to-mobile

src/app/pages/dashboard/dashboard.tsx

@@ -1,21 +1,24 @@
 import React from 'react';
 
+import { HStack } from '@chakra-ui/react';
 import { LandingPage } from '@components/mint-unmint/components/landing-page/landing-page';
 import { MintUnmint } from '@components/mint-unmint/mint-unmint';
 import { MyVaultsSmall } from '@components/my-vaults-small/my-vaults-small';
 import { PageLayout } from '@pages/components/page.layout';
 import { useAccount } from 'wagmi';
 
+import { breakpoints } from '@shared/utils';
+
 export function Dashboard(): React.JSX.Element {
   const { isConnected } = useAccount();
 
   return (
     <PageLayout>
       {isConnected ? (
-        <>
+        <HStack w={breakpoints}>
           <MintUnmint />
           <MyVaultsSmall />
-        </>
+        </HStack>
       ) : (
         <LandingPage />
       )}