diff --git a/apps/web/src/apps/index.tsx b/apps/web/src/apps/index.tsx
index ec6e524..1f5a777 100644
--- a/apps/web/src/apps/index.tsx
+++ b/apps/web/src/apps/index.tsx
@@ -6,7 +6,7 @@ import { NotFound, Forbidden, Maintenance, ComingSoon } from '@repo/ui/component
 const AuthModule = lazy(() => import('./auth'));
 const AppModule = lazy(() => import('./modules'));
 const ShowcaseView = lazy(() => import('./showcase/showcase-view'));
-const ShellDemo = lazy(() => import('./shell-demo'));
+const ShellDemo = lazy(() => import('./showcase/shell-demo'));
 
 export default function App() {
   const [colorScheme, setColorScheme] = useState<ColorSchemeType>('light');
diff --git a/apps/web/src/apps/shell-demo/index.tsx b/apps/web/src/apps/showcase/shell-demo/index.tsx
similarity index 100%
rename from apps/web/src/apps/shell-demo/index.tsx
rename to apps/web/src/apps/showcase/shell-demo/index.tsx