diff --git a/my-workspace/projects/sae-lib/color-display/color-display.css b/my-workspace/projects/sae-lib/colours/color-display/color-display.css
similarity index 100%
rename from my-workspace/projects/sae-lib/color-display/color-display.css
rename to my-workspace/projects/sae-lib/colours/color-display/color-display.css
diff --git a/my-workspace/projects/sae-lib/color-display/color-display.html b/my-workspace/projects/sae-lib/colours/color-display/color-display.html
similarity index 100%
rename from my-workspace/projects/sae-lib/color-display/color-display.html
rename to my-workspace/projects/sae-lib/colours/color-display/color-display.html
diff --git a/my-workspace/projects/sae-lib/color-display/color-display.scss b/my-workspace/projects/sae-lib/colours/color-display/color-display.scss
similarity index 87%
rename from my-workspace/projects/sae-lib/color-display/color-display.scss
rename to my-workspace/projects/sae-lib/colours/color-display/color-display.scss
index 1ddedc2..8bcc2f3 100644
--- a/my-workspace/projects/sae-lib/color-display/color-display.scss
+++ b/my-workspace/projects/sae-lib/colours/color-display/color-display.scss
@@ -6,6 +6,7 @@
   border: solid 2px transparent;
   box-shadow: 0 5px 10px #eee;
   color: #aaa;
+  max-width: 150px;
 
   .top {
     height: 8rem;
@@ -17,15 +18,17 @@
     border-bottom-right-radius: 0.25rem;
   }
 
-  .name{
+  .name {
     color: #333;
   }
+
   .name, .hexacode {
     padding: 0.5rem;
     background: white;
   }
-  .hexacode{
-    padding-top:0;
+
+  .hexacode {
+    padding-top: 0;
     font-size: 0.8rem;
   }
 }
diff --git a/my-workspace/projects/sae-lib/color-display/color-display.spec.ts b/my-workspace/projects/sae-lib/colours/color-display/color-display.spec.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/color-display/color-display.spec.ts
rename to my-workspace/projects/sae-lib/colours/color-display/color-display.spec.ts
diff --git a/my-workspace/projects/sae-lib/color-display/color-display.ts b/my-workspace/projects/sae-lib/colours/color-display/color-display.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/color-display/color-display.ts
rename to my-workspace/projects/sae-lib/colours/color-display/color-display.ts
diff --git a/my-workspace/projects/sae-lib/dropdown/index/index.css b/my-workspace/projects/sae-lib/inbox/dropdown/index/index.css
similarity index 100%
rename from my-workspace/projects/sae-lib/dropdown/index/index.css
rename to my-workspace/projects/sae-lib/inbox/dropdown/index/index.css
diff --git a/my-workspace/projects/sae-lib/dropdown/index/index.html b/my-workspace/projects/sae-lib/inbox/dropdown/index/index.html
similarity index 100%
rename from my-workspace/projects/sae-lib/dropdown/index/index.html
rename to my-workspace/projects/sae-lib/inbox/dropdown/index/index.html
diff --git a/my-workspace/projects/sae-lib/dropdown/index/index.spec.ts b/my-workspace/projects/sae-lib/inbox/dropdown/index/index.spec.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/dropdown/index/index.spec.ts
rename to my-workspace/projects/sae-lib/inbox/dropdown/index/index.spec.ts
diff --git a/my-workspace/projects/sae-lib/dropdown/index/index.ts b/my-workspace/projects/sae-lib/inbox/dropdown/index/index.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/dropdown/index/index.ts
rename to my-workspace/projects/sae-lib/inbox/dropdown/index/index.ts
diff --git a/my-workspace/projects/sae-lib/essai/essai.css b/my-workspace/projects/sae-lib/inbox/essai/essai.css
similarity index 100%
rename from my-workspace/projects/sae-lib/essai/essai.css
rename to my-workspace/projects/sae-lib/inbox/essai/essai.css
diff --git a/my-workspace/projects/sae-lib/essai/essai.html b/my-workspace/projects/sae-lib/inbox/essai/essai.html
similarity index 100%
rename from my-workspace/projects/sae-lib/essai/essai.html
rename to my-workspace/projects/sae-lib/inbox/essai/essai.html
diff --git a/my-workspace/projects/sae-lib/essai/essai.spec.ts b/my-workspace/projects/sae-lib/inbox/essai/essai.spec.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/essai/essai.spec.ts
rename to my-workspace/projects/sae-lib/inbox/essai/essai.spec.ts
diff --git a/my-workspace/projects/sae-lib/essai/essai.ts b/my-workspace/projects/sae-lib/inbox/essai/essai.ts
similarity index 100%
rename from my-workspace/projects/sae-lib/essai/essai.ts
rename to my-workspace/projects/sae-lib/inbox/essai/essai.ts
diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
index cc46faa..869f220 100644
--- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
@@ -20,6 +20,12 @@
     background: #1b1d27;
     color: white;
 
+    .navbar-item {
+      &.user-account-item {
+        color: #7FB8E7;
+      }
+    }
+
     .navbar-brand {
       margin-right: 35px;
 
@@ -28,6 +34,7 @@
         margin-left: 16px;
         border-bottom: 2px solid transparent;
 
+
         i {
           font-size: 24px;
         }
@@ -49,6 +56,8 @@
       text-transform: uppercase;
       margin-top: -0.25em;
     }
+
+
   }
 
   .navigation {