diff --git a/src/components/ui/NavbarDropdown.tsx b/src/components/ui/NavbarDropdown.tsx
index c8549ab..23f7b3d 100644
--- a/src/components/ui/NavbarDropdown.tsx
+++ b/src/components/ui/NavbarDropdown.tsx
@@ -22,7 +22,7 @@ const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string, on
 
 const NavbarDropdown = ({ logo, logoImageSrc, navItems, ctaButton }: NavbarDropdownProps) => {
   const [menuOpen, setMenuOpen] = useState(false);
-  const navRef = useRef<HTMLElement>(null);
+  const navRef = useRef<HTMLElement | null>(null);
 
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -105,4 +105,4 @@ const NavbarDropdown = ({ logo, logoImageSrc, navItems, ctaButton }: NavbarDropd
   );
 };
 
-export default NavbarDropdown;
+export default NavbarDropdown;
\ No newline at end of file