diff --git a/front/app/src/app/layout/sidenav/sidenav.component.css b/front/app/src/app/layout/sidenav/sidenav.component.css
index e69de29b..89965a2f 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.css
+++ b/front/app/src/app/layout/sidenav/sidenav.component.css
@@ -0,0 +1,3 @@
+.logout {
+    margin-top: 25px;
+}
\ No newline at end of file
diff --git a/front/app/src/app/layout/sidenav/sidenav.component.html b/front/app/src/app/layout/sidenav/sidenav.component.html
index 8d869662..dc4be4bc 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.html
+++ b/front/app/src/app/layout/sidenav/sidenav.component.html
@@ -11,6 +11,6 @@
                 </a>
             </li>
         </ng-container>
-        <li><logout></logout></li>
+        <li class="logout"><logout></logout></li>
     </ul>
 </div>