diff --git a/src/components/General/AddCards/AddCardsContainer.tsx b/src/components/General/AddCards/AddCardsContainer.tsx
index e6bcd45e..f7503a86 100644
--- a/src/components/General/AddCards/AddCardsContainer.tsx
+++ b/src/components/General/AddCards/AddCardsContainer.tsx
@@ -1,19 +1,16 @@
 import { YStack } from 'tamagui'
 
 import AddCard from './AddCard'
+import DashboardCardWrapper from '../../../pages/Dashboard/DashboardCardWrapper'
 
 const AddCardsContainer = () => {
   return (
-    <YStack
-      style={{
-        borderRadius: '16px',
-        boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
-        backgroundColor: '$background',
-      }}
-    >
-      <AddCard />
-      <AddCard />
-    </YStack>
+    <DashboardCardWrapper padding="0">
+      <YStack>
+        <AddCard />
+        <AddCard />
+      </YStack>
+    </DashboardCardWrapper>
   )
 }
 
diff --git a/src/pages/Dashboard/DashboardCardWrapper.stories.ts b/src/pages/Dashboard/DashboardCardWrapper.stories.ts
index c5462817..2293a4ca 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.stories.ts
+++ b/src/pages/Dashboard/DashboardCardWrapper.stories.ts
@@ -19,3 +19,10 @@ export const Default: Story = {
     children: 'Default',
   },
 }
+
+export const WithoutPadding: Story = {
+  args: {
+    children: 'Default',
+    padding: '0',
+  },
+}
diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index 45560142..6e3fe0c9 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -1,21 +1,15 @@
-import { Stack } from 'tamagui'
+import { Shadow } from '@status-im/components'
 
 type DashboardCardWrapperProps = {
   children: React.ReactNode
+  padding?: string
 }
 
-const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => {
+const DashboardCardWrapper = ({ children, padding = '12px 16px' }: DashboardCardWrapperProps) => {
   return (
-    <Stack
-      style={{
-        borderRadius: '16px',
-        boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
-        padding: '12px 16px',
-        backgroundColor: '$background',
-      }}
-    >
+    <Shadow variant="$1" style={{ borderRadius: '16px', padding, backgroundColor: '$background' }}>
       {children}
-    </Stack>
+    </Shadow>
   )
 }
 
diff --git a/src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx b/src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx
index 4928bf0f..01b86c5d 100644
--- a/src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx
+++ b/src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx
@@ -1,4 +1,5 @@
 import { YStack } from 'tamagui'
+
 import SyncCardContent from './SyncCardContent'
 
 const SyncStatusCard = () => {