diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
index d87951c..505c36a 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -33,6 +33,27 @@
     font-size: 30px;
 }
 
+#favorite-teams-container {
+    margin-right: 25px;
+
+    a {
+        text-decoration: none; 
+    }
+    
+    img {
+        width: 28px;
+        height: auto;
+        margin: 0 4px;
+        cursor: pointer;
+
+        transition: width 0.3s ease; /* Adding transition for smooth effect */
+    }
+
+    img:hover {
+        width: 32px;
+    }
+}
+
 #user {
     width: 25px;
     cursor: pointer;
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
index e9c7058..3c222c6 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -43,7 +43,9 @@
 
     <div id="favorite-teams-container" class="logos-container">
       {{#each fav_teams}}
-        <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
+        <a href="/club/{{this.teamid}}">
+          <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
+        </a>
       {{/each}}
     </div>