diff --git a/frontend/index.html b/frontend/index.html
index dd1396cc..18c9c325 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -10,6 +10,7 @@
   <link rel="apple-touch-icon" sizes="180x180" href="./public/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="./public/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="./public/favicon-16x16.png">
+
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Modern PWA Recipe Application" />
 
diff --git a/frontend/src/Components/Navbar.jsx b/frontend/src/Components/Navbar.jsx
index 3ae21844..e7bb0b4d 100644
--- a/frontend/src/Components/Navbar.jsx
+++ b/frontend/src/Components/Navbar.jsx
@@ -1,3 +1,4 @@
+
 import React, { useEffect, useState } from "react";
 import { Link, NavLink, useLocation, useNavigate } from "react-router-dom";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -46,7 +47,7 @@ const Navbar = () => {
 
   useEffect(() => {
     const handleScroll = () => {
-      if (window.scrollY > window.innerHeight) {
+      if (window.scrollY > window.innerHeight) { // After 100vh
         setIsSticky(true);
       } else {
         setIsSticky(false);
@@ -286,4 +287,4 @@ const Navbar = () => {
   );
 };
 
-export default Navbar;
+export default Navbar;
\ No newline at end of file