diff --git a/src/components/common/Navbar.js b/src/components/common/Navbar.js
index cdb0539..26f619a 100644
--- a/src/components/common/Navbar.js
+++ b/src/components/common/Navbar.js
@@ -35,13 +35,13 @@ export const Navbar = () => {
             list[2].classList.remove("active");
         }
 
-        if (location.pathname === "/games") {
+        if (location.pathname.includes("/games")) {
             list[0].classList.remove("active");
             list[1].classList.add("active");
             list[2].classList.remove("active");
         }
 
-        if (location.pathname === "/activities") {
+        if (location.pathname.includes("/activities")) {
             list[0].classList.remove("active");
             list[1].classList.remove("active");
             list[2].classList.add("active");
diff --git a/src/styles/components/common/Navbar.css b/src/styles/components/common/Navbar.css
index a794422..0858b24 100644
--- a/src/styles/components/common/Navbar.css
+++ b/src/styles/components/common/Navbar.css
@@ -9,6 +9,10 @@
     --clr: #ffffff;
 }
 
+.navbar-wrapper {
+    height: 110px;
+}
+
 .navbar-root {
     margin-left: auto;
     margin-right: auto;