diff --git a/public/styles/main.css b/public/styles/main.css
index 19d1a29..4ba3a76 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -36,7 +36,7 @@
 }
 
 .container, header {
-	margin-left: 10em;
+	margin-left: 12em;
 	padding-left: 3em;
 	padding-right: 3em;
 	padding-top: 0.5em;
diff --git a/public/styles/nav.css b/public/styles/nav.css
index 4374fc7..cacdd1e 100644
--- a/public/styles/nav.css
+++ b/public/styles/nav.css
@@ -2,7 +2,7 @@
 	height: 100%;
 	position: fixed;
 	background-color: var(--primary-dark);
-	width: 10em;
+	width: 12em;
 	box-shadow: 0.2em 0 1em black;
 	padding-left: 1em;
 	padding-right: 1em;
@@ -25,8 +25,8 @@
 	color: var(--secondary-light);
 	font-size: 1em;
 	font-weight: bold;
-	margin-top: 0.25em;
-	padding: 0.1em;
+	margin: 0;
+	padding: 0.2em;
 	border-radius: 0.2em;
 	transition: background-color 0.25s linear;
 }
@@ -36,6 +36,12 @@
 	transition: none;
 }
 
+.nav-selected, .nav-selected:hover {
+	background: none;
+	margin-left: 1em;
+	transition: none;
+}
+
 nav .icon {
 	display: inline-block;
 	margin-right: 0.5em;
diff --git a/templates/_includes/html/base.html.twig b/templates/_includes/html/base.html.twig
index 092712d..38e450d 100644
--- a/templates/_includes/html/base.html.twig
+++ b/templates/_includes/html/base.html.twig
@@ -42,15 +42,10 @@
 			</ul>
 		</li>
 		<p class="nav-category">Paramètres</p>
-		<li>
-			<ul>
-				<a href="{{ url("app_workspace_selector", {}, false) }}"><i
-					class="icofont-briefcase-2 icon"></i>Workspaces</a>
-			</ul>
+		<li>{% include "_includes/html/component/navLink.html.twig" with {route: "app_workspace_selector", icon: "icofont-briefcase-2", name: "Workspaces"} %}
 			<ul>
 				<i class="icofont-people icon"></i>Acteurs
-			</ul>
-		</li>
+			</ul></li>
 	</nav>
 	<header>
 		<h1>
diff --git a/templates/_includes/html/component/navLink.html.twig b/templates/_includes/html/component/navLink.html.twig
new file mode 100644
index 0000000..feae8d1
--- /dev/null
+++ b/templates/_includes/html/component/navLink.html.twig
@@ -0,0 +1,11 @@
+{% if route == app.request.attributes.get('_route') %}
+<ul class="nav-selected">
+	<i class="{{ icon }} icon"></i>
+	{{ name }}
+</ul>
+{% else %}
+<ul>
+	<a href="{{ url(route, {}, false) }}"><i class="{{ icon }} icon"></i>
+		{{ name }}</a>
+</ul>
+{% endif %}
\ No newline at end of file
diff --git a/templates/workspaceSelector.html.twig b/templates/workspaceSelector.html.twig
index b556797..058690f 100644
--- a/templates/workspaceSelector.html.twig
+++ b/templates/workspaceSelector.html.twig
@@ -3,4 +3,10 @@
 {% set page="Workspaces" %}
 
 {% block pageContent %}
+<div class="col-12">
+	<p>
+		coucou voici un <a href="#">lien</a>
+		{{ app.request.attributes.get('_route') }}
+	</p>
+</div>
 {% endblock %}
\ No newline at end of file