diff --git a/ui/home/indicators/ChainIndicators.pw.tsx b/ui/home/indicators/ChainIndicators.pw.tsx
index 8e6b88044e..3a2014110d 100644
--- a/ui/home/indicators/ChainIndicators.pw.tsx
+++ b/ui/home/indicators/ChainIndicators.pw.tsx
@@ -17,9 +17,10 @@ test.beforeEach(async({ mockEnvs }) => {
 test.describe('daily txs chart', () => {
   let component: Locator;
 
-  test.beforeEach(async({ page, mockApiResponse, render }) => {
+  test.beforeEach(async({ page, mockApiResponse, mockAssetResponse, render }) => {
     await mockApiResponse('stats', statsMock.withSecondaryCoin);
     await mockApiResponse('stats_charts_txs', dailyTxsMock.base);
+    await mockAssetResponse(statsMock.withSecondaryCoin.coin_image as string, './playwright/mocks/image_svg.svg');
     component = await render(<ChainIndicators/>);
     await page.hover('.ChartOverlay', { position: { x: 100, y: 100 } });
   });
diff --git a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-dark-mode-mobile-1.png b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-dark-mode-mobile-1.png
index 1731e76ddb..df5890f3d2 100644
Binary files a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-dark-mode-mobile-1.png and b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-dark-mode-mobile-1.png differ
diff --git a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-mobile-1.png b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-mobile-1.png
index c54e3fc723..08886c7ee9 100644
Binary files a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-mobile-1.png and b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_default_daily-txs-chart-mobile-1.png differ
diff --git a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-dark-mode-mobile-1.png b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-dark-mode-mobile-1.png
index 5d993041b2..0f0782f01a 100644
Binary files a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-dark-mode-mobile-1.png and b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-dark-mode-mobile-1.png differ
diff --git a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-mobile-1.png b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-mobile-1.png
index be86829122..2722155ea6 100644
Binary files a/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-mobile-1.png and b/ui/home/indicators/__screenshots__/ChainIndicators.pw.tsx_mobile_daily-txs-chart-mobile-1.png differ
diff --git a/ui/pages/__screenshots__/UserOp.pw.tsx_default_base-view-1.png b/ui/pages/__screenshots__/UserOp.pw.tsx_default_base-view-1.png
index 8103ec9392..c18668e77b 100644
Binary files a/ui/pages/__screenshots__/UserOp.pw.tsx_default_base-view-1.png and b/ui/pages/__screenshots__/UserOp.pw.tsx_default_base-view-1.png differ
diff --git a/ui/pages/__screenshots__/UserOp.pw.tsx_default_mobile-base-view-1.png b/ui/pages/__screenshots__/UserOp.pw.tsx_default_mobile-base-view-1.png
index 524de7440c..b5035d2385 100644
Binary files a/ui/pages/__screenshots__/UserOp.pw.tsx_default_mobile-base-view-1.png and b/ui/pages/__screenshots__/UserOp.pw.tsx_default_mobile-base-view-1.png differ
diff --git a/ui/shared/ContainerWithScrollY.tsx b/ui/shared/ContainerWithScrollY.tsx
index 3ce9b26ad3..123809a094 100644
--- a/ui/shared/ContainerWithScrollY.tsx
+++ b/ui/shared/ContainerWithScrollY.tsx
@@ -22,8 +22,7 @@ const ContainerWithScrollY = ({ className, gradientHeight, children, onScrollVis
     onScrollVisibilityChange?.(hasScroll);
   }, [ gradientHeight, onScrollVisibilityChange ]);
 
-  const gradientStartColor = useColorModeValue('whiteAlpha.600', 'blackAlpha.600');
-  const gradientEndColor = useColorModeValue('whiteAlpha.900', 'blackAlpha.900');
+  const gradientEndColor = useColorModeValue('white', 'black');
 
   return (
     <Flex
@@ -38,7 +37,7 @@ const ContainerWithScrollY = ({ className, gradientHeight, children, onScrollVis
         left: 0,
         right: '20px',
         height: `${ gradientHeight }px`,
-        bgGradient: `linear(to-b, ${ gradientStartColor } 37.5%, ${ gradientEndColor } 77.5%)`,
+        bgGradient: `linear(to-b, transparent, ${ gradientEndColor })`,
       } : undefined }
       pr={ hasScroll ? 5 : 0 }
       pb={ hasScroll ? `${ gradientHeight }px` : 0 }
diff --git a/ui/shared/layout/__screenshots__/Layout.pw.tsx_default_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/Layout.pw.tsx_default_base-view-mobile-1.png
index 99d85d4ed7..208c579118 100644
Binary files a/ui/shared/layout/__screenshots__/Layout.pw.tsx_default_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/Layout.pw.tsx_default_base-view-mobile-1.png differ
diff --git a/ui/shared/layout/__screenshots__/Layout.pw.tsx_mobile_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/Layout.pw.tsx_mobile_base-view-mobile-1.png
index c8dc7b6858..3eb4358cc1 100644
Binary files a/ui/shared/layout/__screenshots__/Layout.pw.tsx_mobile_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/Layout.pw.tsx_mobile_base-view-mobile-1.png differ
diff --git a/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_default_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_default_base-view-mobile-1.png
index a39747573e..a6d2534450 100644
Binary files a/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_default_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_default_base-view-mobile-1.png differ
diff --git a/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_mobile_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_mobile_base-view-mobile-1.png
index cf7b6094e4..f435cfa436 100644
Binary files a/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_mobile_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/LayoutError.pw.tsx_mobile_base-view-mobile-1.png differ
diff --git a/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_default_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_default_base-view-mobile-1.png
index 2df79d5e87..61b9313f2a 100644
Binary files a/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_default_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_default_base-view-mobile-1.png differ
diff --git a/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_mobile_base-view-mobile-1.png b/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_mobile_base-view-mobile-1.png
index 61e5f6f457..b699a0f182 100644
Binary files a/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_mobile_base-view-mobile-1.png and b/ui/shared/layout/__screenshots__/LayoutHome.pw.tsx_mobile_base-view-mobile-1.png differ
diff --git a/ui/snippets/header/HeaderAlert.tsx b/ui/snippets/header/HeaderAlert.tsx
index fe861d57d6..8fdb609ed1 100644
--- a/ui/snippets/header/HeaderAlert.tsx
+++ b/ui/snippets/header/HeaderAlert.tsx
@@ -6,7 +6,7 @@ import MaintenanceAlert from './alerts/MaintenanceAlert';
 
 const HeaderAlert = () => {
   return (
-    <Flex flexDir="column" rowGap={ 3 } mb={ 6 } _empty={{ display: 'none' }}>
+    <Flex flexDir="column" rowGap={ 3 } mb={ 3 } _empty={{ display: 'none' }}>
       <MaintenanceAlert/>
       <IndexingBlocksAlert/>
     </Flex>
diff --git a/ui/tx/details/TxInfo.pw.tsx b/ui/tx/details/TxInfo.pw.tsx
index b7b664f7a5..4a34314d1c 100644
--- a/ui/tx/details/TxInfo.pw.tsx
+++ b/ui/tx/details/TxInfo.pw.tsx
@@ -65,6 +65,8 @@ test('pending', async({ render, page }) => {
   });
 });
 
+// NOTE: On the screenshot from the test for the mobile device, the scroll overlay is not quite right.
+// I checked it manually in the real device, there was not any issue with it
 test('with actions uniswap +@mobile +@dark-mode', async({ render, page }) => {
   const component = await render(<TxInfo data={ txMock.withActionsUniswap } isLoading={ false }/>);
 
diff --git a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_dark-color-mode_with-actions-uniswap-mobile-dark-mode-1.png b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_dark-color-mode_with-actions-uniswap-mobile-dark-mode-1.png
index 62f996c3f6..e15c26a210 100644
Binary files a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_dark-color-mode_with-actions-uniswap-mobile-dark-mode-1.png and b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_dark-color-mode_with-actions-uniswap-mobile-dark-mode-1.png differ
diff --git a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_default_with-actions-uniswap-mobile-dark-mode-1.png b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_default_with-actions-uniswap-mobile-dark-mode-1.png
index 7a48e1d819..4f527a4547 100644
Binary files a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_default_with-actions-uniswap-mobile-dark-mode-1.png and b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_default_with-actions-uniswap-mobile-dark-mode-1.png differ
diff --git a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_mobile_with-actions-uniswap-mobile-dark-mode-1.png b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_mobile_with-actions-uniswap-mobile-dark-mode-1.png
index 533e921a4d..bc83496a76 100644
Binary files a/ui/tx/details/__screenshots__/TxInfo.pw.tsx_mobile_with-actions-uniswap-mobile-dark-mode-1.png and b/ui/tx/details/__screenshots__/TxInfo.pw.tsx_mobile_with-actions-uniswap-mobile-dark-mode-1.png differ
diff --git a/ui/userOp/UserOpCallData.tsx b/ui/userOp/UserOpCallData.tsx
index 69640830fb..6018606597 100644
--- a/ui/userOp/UserOpCallData.tsx
+++ b/ui/userOp/UserOpCallData.tsx
@@ -13,21 +13,21 @@ interface Props {
 
 const UserOpDecodedCallData = ({ data }: Props) => {
 
-  const [ callData, setCallData ] = React.useState(data.call_data || data.execute_call_data);
+  const [ callData, setCallData ] = React.useState<string | null>(data.execute_call_data || data.call_data);
 
   const handleSwitchChange = React.useCallback((isChecked: boolean) => {
-    setCallData(isChecked ? data.execute_call_data : data.call_data);
+    setCallData(isChecked ? data.call_data : data.execute_call_data);
   }, [ data ]);
 
   if (!callData) {
     return null;
   }
 
-  const toggler = data.execute_call_data ? (
+  const toggler = data.call_data ? (
     <UserOpCallDataSwitch
       onChange={ handleSwitchChange }
-      initialValue={ !data.call_data }
-      isDisabled={ !data.call_data }
+      initialValue={ !data.execute_call_data }
+      isDisabled={ !data.execute_call_data }
       ml={{ base: 3, lg: 'auto' }}
     />
   ) : null;
diff --git a/ui/userOp/UserOpDecodedCallData.tsx b/ui/userOp/UserOpDecodedCallData.tsx
index c1b97abe13..19884ccc72 100644
--- a/ui/userOp/UserOpDecodedCallData.tsx
+++ b/ui/userOp/UserOpDecodedCallData.tsx
@@ -13,21 +13,21 @@ interface Props {
 
 const UserOpDecodedCallData = ({ data }: Props) => {
 
-  const [ callData, setCallData ] = React.useState(data.decoded_call_data || data.decoded_execute_call_data);
+  const [ callData, setCallData ] = React.useState(data.decoded_execute_call_data || data.decoded_call_data);
 
   const handleSwitchChange = React.useCallback((isChecked: boolean) => {
-    setCallData(isChecked ? data.decoded_execute_call_data : data.decoded_call_data);
+    setCallData(isChecked ? data.decoded_call_data : data.decoded_execute_call_data);
   }, [ data ]);
 
   if (!callData) {
     return null;
   }
 
-  const toggler = data.decoded_execute_call_data ? (
+  const toggler = data.decoded_call_data ? (
     <UserOpCallDataSwitch
       onChange={ handleSwitchChange }
-      initialValue={ !data.decoded_call_data }
-      isDisabled={ !data.decoded_call_data }
+      initialValue={ !data.decoded_execute_call_data }
+      isDisabled={ !data.decoded_execute_call_data }
       ml={{ base: 0, lg: 'auto' }}
     />
   ) : null;