diff --git a/docs-ui/src/app/layout.tsx b/docs-ui/src/app/layout.tsx
index 3647c572f5..d6a36ef9ac 100644
--- a/docs-ui/src/app/layout.tsx
+++ b/docs-ui/src/app/layout.tsx
@@ -8,6 +8,9 @@ import { MobileBottomNav } from '@/components/MobileBottomNav';
import styles from './layout.module.css';
import '../css/globals.css';
+import '../css/theme-backstage.css';
+import '../css/theme-spotify.css';
+
export const metadata: Metadata = {
title: 'Backstage UI',
@@ -47,10 +50,6 @@ export default async function RootLayout({
data-theme-name="backstage"
suppressHydrationWarning
>
-
-
-
-
diff --git a/docs-ui/public/theme-backstage.css b/docs-ui/src/css/theme-backstage.css
similarity index 100%
rename from docs-ui/public/theme-backstage.css
rename to docs-ui/src/css/theme-backstage.css
diff --git a/docs-ui/public/theme-spotify.css b/docs-ui/src/css/theme-spotify.css
similarity index 100%
rename from docs-ui/public/theme-spotify.css
rename to docs-ui/src/css/theme-spotify.css