diff --git a/django/src/pages/templates/extends/base.html b/django/src/pages/templates/extends/base.html
index dfc8f1df..5eaeb1d3 100644
--- a/django/src/pages/templates/extends/base.html
+++ b/django/src/pages/templates/extends/base.html
@@ -1,6 +1,6 @@
 <div id="navbar-wrapper">
 	<nav class="navbar">
-		<b class="navbar-brand nav navbar-nav navbar-left">Johnny Depp</b>
+		<a class="navbar-brand nav navbar-nav navbar-left link-info text-decoration-none" data-route href="/">Johnny Depp</a>
 		{% if user.is_authenticated %}
 		<div class="container-dropdown">
 			<div class="dropdown">
diff --git a/nginx/src/css/navbar.css b/nginx/src/css/navbar.css
index 59ecb634..634b3f68 100644
--- a/nginx/src/css/navbar.css
+++ b/nginx/src/css/navbar.css
@@ -9,8 +9,8 @@
 
 .navbar-brand {
 	color: white;
-	padding-left: 5rem;
-}
+	margin-left: 5rem;
+}	
 
 .div-navbar-profile {
 	display: inline;
@@ -38,4 +38,4 @@
 
 .dropdown-toggle::after {
 	display: none;
-}
\ No newline at end of file
+}
diff --git a/nginx/src/css/styles.css b/nginx/src/css/styles.css
index 297c93ad..74050adc 100644
--- a/nginx/src/css/styles.css
+++ b/nginx/src/css/styles.css
@@ -7,6 +7,7 @@
 	--text-clr: #000;
 	--accent-clr: #470d0d;
 	--secondary-text-clr: #000;
+	--selection-clr: #257AFD;
 
 	--navbar-height: 4.2rem;
 	--sidebar-width: 6rem;
@@ -58,3 +59,8 @@ body {
 	display: flex;
 	width: 100%;
 }
+
+a:focus {
+	border: 0.1rem solid var(--selection-clr) !important;
+	border-radius: 0.3rem !important;
+}