diff --git a/src/scss/base.scss b/src/scss/base.scss
index 8e9a139..8104cda 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -112,4 +112,7 @@ div.component-container{
 
 .mdc-list-item--activated {
     background : orange;
+    *{
+        color: rgb(255, 255, 255);
+    }
 }
\ No newline at end of file
diff --git a/src/ts/main.ts b/src/ts/main.ts
index 8fdafa2..86a8c27 100644
--- a/src/ts/main.ts
+++ b/src/ts/main.ts
@@ -125,6 +125,7 @@ render(html`
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">add</i>
             <span class="mdc-list-item__text">Add component</span>
         </a>
+        
         </nav>
     </div>
     </aside>