diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index 1bfec709..ee9627b3 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -17,7 +17,7 @@ interface NavBarProps {
   isRecording: boolean;
 }
 
-export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps) => {
+export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isRecording }) => {
 
   const { notify, browserId, setBrowserId, recordingLength } = useGlobalInfoStore();
   const { state, dispatch } = useContext(AuthContext);