chore: improve css on view transactions button [skip cypress] (#2368)

Author: foodaka

src/modules/dashboard/DashboardContentWrapper.tsx

@@ -47,12 +47,19 @@ export const DashboardContentWrapper = ({ isBorrow }: DashboardContentWrapperPro
           }}
         >
           {currentAccount && !isBorrow && downToLg && (
-            <Box>
+            <Box
+              sx={{
+                position: { xs: 'static', md: 'relative' },
+                display: 'flex',
+                justifyContent: 'flex-end',
+                mb: { xs: 2, md: 0 },
+              }}
+            >
               <Button
                 sx={{
-                  position: 'absolute',
-                  top: '-130px',
-                  right: '0px',
+                  position: { xs: 'static', md: 'absolute' },
+                  top: { xs: 'auto', md: '-130px' },
+                  right: { xs: 'auto', md: '0px' },
                 }}
                 onClick={() => {
                   router.push(ROUTES.history);
@@ -82,11 +89,10 @@ export const DashboardContentWrapper = ({ isBorrow }: DashboardContentWrapperPro
           {currentAccount && (
             <Box
               sx={{
-                position: 'absolute',
-
-                top: downToLg ? '-130px' : '-90px',
-
-                right: '0px',
+                position: { xs: 'static', md: 'absolute' },
+                top: { xs: 'auto', md: downToLg ? '-130px' : '-90px' },
+                right: { xs: 'auto', md: '0px' },
+                mb: { xs: 2, md: 0 },
               }}
             >
               <Button