diff --git a/src/components/ShadowBox.tsx b/src/components/ShadowBox.tsx
index 790dd226..d427a493 100644
--- a/src/components/ShadowBox.tsx
+++ b/src/components/ShadowBox.tsx
@@ -1,10 +1,23 @@
-import { Stack, styled } from 'tamagui'
+import { ReactNode } from 'react'
+import { Stack } from 'tamagui'
 
-const ShadowBox = styled(Stack, {
-  boxSizing: 'border-box',
-  borderRadius: '16px',
-  boxShadow: '0px 4px 20px 0px rgba(9, 16, 28, 0.08)',
-  width: '100%',
-})
+type ShadowBoxProps = {
+  children: ReactNode
+}
+
+const ShadowBox = ({ children }: ShadowBoxProps) => {
+  return (
+    <Stack
+      style={{
+        boxSizing: 'border-box',
+        borderRadius: '16px',
+        boxShadow: '0px 4px 20px 0px rgba(9, 16, 28, 0.08)',
+        width: '100%',
+      }}
+    >
+      {children}
+    </Stack>
+  )
+}
 
 export default ShadowBox