diff --git a/src/App.tsx b/src/App.tsx
index 2a45d4c..001c7e2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,7 +23,7 @@ function App() {
       
         Trick Euan, Win his fortune...
         
-        Encode a sectret message with a cypher or steganography, Make me waste my time figuring it out, The more time I spend the more you win!
+        Encode a secret message with a cypher or steganography, Make me waste my time figuring it out, The more time I spend the more you win!
       
       </ScrambledText>
 
diff --git a/src/DecryptedText.tsx b/src/DecryptedText.tsx
index 62484f1..c16441a 100644
--- a/src/DecryptedText.tsx
+++ b/src/DecryptedText.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState, useRef, ReactNode } from 'react';
+import { useEffect, useState, useRef, type ReactNode } from 'react';
 import { motion, type MotionProps } from "framer-motion";
 
 
diff --git a/src/components/header.tsx b/src/components/header.tsx
index d186ca5..d9f9ed3 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -1,5 +1,5 @@
 import DecryptedText from '../DecryptedText'
-import './Header.css' 
+import './header.css'
 
 export default function Header() {
   return (