diff --git a/src/components/Tab.jsx b/src/components/Tab.tsx
similarity index 78%
rename from src/components/Tab.jsx
rename to src/components/Tab.tsx
index 17150124..5f0c0fbc 100644
--- a/src/components/Tab.jsx
+++ b/src/components/Tab.tsx
@@ -1,8 +1,13 @@
 import { XStack, Text } from 'tamagui'
 import './TopBar.css'
-import { Icon } from './Icon'
+import Icon from './Icon'
 
-const Tab = ({ icon, text }) => {
+type TabProps = {
+  icon: string
+  text: string
+}
+
+const Tab = ({ icon, text }: TabProps) => {
   const style = {
     border: 'none',
     display: 'flex',