feat: fix for home grid

Author: aziolek

client/src/components/Home/HomeGrid/HomeGrid.tsx

@@ -46,7 +46,7 @@ const HomeGrid = (): ReactElement => {
     (isPatronMode && !showHelpVideos && (isLargeDesktop || isTablet));
 
   return (
-    <Grid dataTest={dataTestRoot} isFourInARowEnabled={false}>
+    <Grid dataTest={dataTestRoot} isFourInARowEnabled={!isInMigrationMode}>
       {isInMigrationMode && <HomeGridAllocate className={cx(styles.gridTile, styles.isHigher)} />}
       {!isProjectAdminMode && !isInMigrationMode && (
         <HomeGridCurrentGlmLock className={styles.gridTile} />
@@ -76,12 +76,12 @@ const HomeGrid = (): ReactElement => {
               )}
             />
           )}
-          {showDivider2 && (
-            <HomeGridDivider className={styles.divider2} dataTest={`${dataTestRoot}__divider--2`} />
-          )}
           {!isProjectAdminMode && !isPatronMode && (
             <HomeGridDonations className={styles.gridTile} />
           )}
+          {showDivider2 && (
+            <HomeGridDivider className={styles.divider2} dataTest={`${dataTestRoot}__divider--2`} />
+          )}
           <HomeGridTransactions
             className={cx(
               styles.gridTile,

client/src/components/shared/Layout/LayoutTopBar/LayoutTopBar.module.scss

@@ -142,8 +142,16 @@
 
     .buttonWalletArrow {
       margin: 1.1rem;
-      path {
-        stroke: $color-black;
+
+      &.isInMigrationMode {
+        path {
+          stroke: $color-black;
+        }
+      }
+      &:not(.isInMigrationMode) {
+        path {
+          stroke: $color-white;
+        }
       }
     }
 

client/src/components/shared/Layout/LayoutTopBar/LayoutTopBar.tsx

@@ -269,11 +269,15 @@ const LayoutTopBar: FC<LayoutTopBarProps> = ({ className }) => {
             onClick={() =>
               isConnected ? setIsWalletModalOpen(true) : setIsConnectWalletModalOpen(true)
             }
-            variant="secondary"
+            variant={isInMigrationMode ? 'secondary' : 'cta'}
           >
             {buttonWalletText}
             {isConnected && (
-              <Svg classNameSvg={styles.buttonWalletArrow} img={chevronBottom} size={1} />
+              <Svg
+                classNameSvg={cx(styles.buttonWalletArrow, isInMigrationMode && styles.isInMigrationMode)}
+                img={chevronBottom}
+                size={1}
+              />
             )}
           </Button>
         </div>