diff --git a/src/components/ShadowBox.jsx b/src/components/ShadowBox.tsx
similarity index 67%
rename from src/components/ShadowBox.jsx
rename to src/components/ShadowBox.tsx
index f6958fc8..790dd226 100644
--- a/src/components/ShadowBox.jsx
+++ b/src/components/ShadowBox.tsx
@@ -1,6 +1,6 @@
-import { styled } from 'tamagui'
+import { Stack, styled } from 'tamagui'
 
-const ShadowBox = styled('div', {
+const ShadowBox = styled(Stack, {
   boxSizing: 'border-box',
   borderRadius: '16px',
   boxShadow: '0px 4px 20px 0px rgba(9, 16, 28, 0.08)',