diff --git a/src/app/components/Molecules/NavHeader.jsx b/src/app/components/Molecules/NavHeader.tsx
similarity index 100%
rename from src/app/components/Molecules/NavHeader.jsx
rename to src/app/components/Molecules/NavHeader.tsx
diff --git a/src/app/components/Molecules/NavLinks.jsx b/src/app/components/Molecules/NavLinks.tsx
similarity index 100%
rename from src/app/components/Molecules/NavLinks.jsx
rename to src/app/components/Molecules/NavLinks.tsx
diff --git a/src/app/components/Molecules/NavUser.jsx b/src/app/components/Molecules/NavUser.tsx
similarity index 100%
rename from src/app/components/Molecules/NavUser.jsx
rename to src/app/components/Molecules/NavUser.tsx
diff --git a/src/app/components/atoms/ImageAtom/ImageAtom.jsx b/src/app/components/atoms/ImageAtom/ImageAtom.tsx
similarity index 53%
rename from src/app/components/atoms/ImageAtom/ImageAtom.jsx
rename to src/app/components/atoms/ImageAtom/ImageAtom.tsx
index c127e4b..9deff34 100644
--- a/src/app/components/atoms/ImageAtom/ImageAtom.jsx
+++ b/src/app/components/atoms/ImageAtom/ImageAtom.tsx
@@ -1,7 +1,13 @@
 import React from 'react';
 import Image from 'next/image';
+type ImageAtomProps = {
+  src: string;
+  alt: string;
+  width?: number;
+  height?: number;
+};
 
-const ImageAtom = ({ src, alt, width, height }) => {
+const ImageAtom = ({ src, alt, width, height }: ImageAtomProps) => {
   return (
     <Image src={src}
       alt={alt}