diff --git a/frontend/src/app/layout/main-layout/layout.component.html b/frontend/src/app/layout/main-layout/layout.component.html
index 06733de..51d7a70 100644
--- a/frontend/src/app/layout/main-layout/layout.component.html
+++ b/frontend/src/app/layout/main-layout/layout.component.html
@@ -251,14 +251,20 @@
                             <a
                               [routerLink]="subItem.route"
                               [class.active]="subItem.active"
-                              class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary"
+                              class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary flex items-center space-x-2"
                               [ngClass]="{
                                 'bg-base-300': subItem.active,
                                 'text-primary': subItem.active,
                                 'font-semibold': subItem.active
                               }"
                               (click)="onLinkClick()">
-                              {{ subItem.name }}
+                              <!-- Icon für das Subitem -->
+                              <span
+                                *ngIf="subItem.icon"
+                                class="flex-shrink-0 w-5 h-5 mr-2"
+                                [innerHTML]="subItem.icon"></span>
+                              <!-- Text für das Subitem -->
+                              <span>{{ subItem.name }}</span>
                             </a>
                           </li>
                         </ul>