diff --git a/apps/web/src/app/app.routes.ts b/apps/web/src/app/app.routes.ts
index 8a0c082..c441475 100644
--- a/apps/web/src/app/app.routes.ts
+++ b/apps/web/src/app/app.routes.ts
@@ -28,6 +28,13 @@ export const routes: Routes = [
             (module) => module.CombatPageComponent,
           ),
       },
+      {
+        path: 'inventory',
+        loadComponent: () =>
+          import('./features/inventory/inventory-page.component').then(
+            (module) => module.InventoryPageComponent,
+          ),
+      },
     ],
   },
   { path: '**', redirectTo: 'world' },
diff --git a/apps/web/src/app/layout/side-navigation/side-navigation.component.html b/apps/web/src/app/layout/side-navigation/side-navigation.component.html
index 563ea58..152eadb 100644
--- a/apps/web/src/app/layout/side-navigation/side-navigation.component.html
+++ b/apps/web/src/app/layout/side-navigation/side-navigation.component.html
@@ -39,9 +39,12 @@
   <button
     class="side-navigation__item"
     type="button"
+    routerLink="/inventory"
+    routerLinkActive="side-navigation__item--active"
+    [routerLinkActiveOptions]="{ exact: true }"
+    ariaCurrentWhenActive="page"
     data-navigation="inventory"
-    disabled
-    aria-label="Inventar ist noch nicht verfügbar"
+    aria-label="Inventar"
   >
     <img src="/images/hud/runtime/InventoryIcon-128.png" alt="" />
     <span>Inventar</span>