diff --git a/src/components/BackgroundImage/BackgroundImage.jsx b/src/components/BackgroundImage/BackgroundImage.tsx
similarity index 69%
rename from src/components/BackgroundImage/BackgroundImage.jsx
rename to src/components/BackgroundImage/BackgroundImage.tsx
index cb128012..e00cff2b 100644
--- a/src/components/BackgroundImage/BackgroundImage.jsx
+++ b/src/components/BackgroundImage/BackgroundImage.tsx
@@ -1,6 +1,6 @@
-import { styled } from "tamagui";
+import { Stack, styled } from "tamagui";
 
-const BackgroundImage = styled("div", {
+const BackgroundImage = styled(Stack, {
   boxShadow: "inset 100px 0px 100px white",
   width: "650px",
   height: "91.9vh",
diff --git a/src/components/BackgroundImage/index.jsx b/src/components/BackgroundImage/index.tsx
similarity index 100%
rename from src/components/BackgroundImage/index.jsx
rename to src/components/BackgroundImage/index.tsx