diff --git a/front/app/src/app/app.component.css b/front/app/src/app/app.component.css
index e69de29b..cb428c9b 100644
--- a/front/app/src/app/app.component.css
+++ b/front/app/src/app/app.component.css
@@ -0,0 +1,5 @@
+.sidenav {
+    background-image: url("/assets/leather_texture.png");
+    background-size: 220px;
+    max-width: 220px;
+}
diff --git a/front/app/src/app/app.component.html b/front/app/src/app/app.component.html
index 1a915b4e..f0d527dd 100644
--- a/front/app/src/app/app.component.html
+++ b/front/app/src/app/app.component.html
@@ -3,7 +3,7 @@
 <main style="margin-top: 0px;">
   <div class="container-fluid">
     <div class="row flex-nowrap">
-      <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark" style="max-width: 200px;">
+      <div class="sidenav col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
         <sidenav class="sticky-top"></sidenav>
       </div>
       <div class="col py-3">
diff --git a/front/app/src/app/layout/sidenav/sidenav.component.css b/front/app/src/app/layout/sidenav/sidenav.component.css
index 89965a2f..1133daf8 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.css
+++ b/front/app/src/app/layout/sidenav/sidenav.component.css
@@ -1,3 +1,3 @@
 .logout {
     margin-top: 25px;
-}
\ No newline at end of file
+}
diff --git a/front/app/src/assets/leather_texture.png b/front/app/src/assets/leather_texture.png
new file mode 100644
index 00000000..ca8047b9
Binary files /dev/null and b/front/app/src/assets/leather_texture.png differ
diff --git a/front/app/src/styles.css b/front/app/src/styles.css
index c67beb61..122611da 100644
--- a/front/app/src/styles.css
+++ b/front/app/src/styles.css
@@ -26,3 +26,14 @@
 .contract-body {
     font-family: 'Century Schoolbook';
 }
+
+.nav-link {
+    color: #D2BA6F;
+    --bs-nav-link-hover-color: #9c8a51;
+    --bs-nav-pills-link-active-color: #D2BA6F;
+    --bs-nav-pills-link-active-bg: #114856;
+}
+
+.nav-link.active {
+    border: #D2BA6F solid 2px;
+}