1 files changed, 8 insertions, 3 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7dbde38..66b7930 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,7 @@
-export const metadata = {
+import type { Metadata } from "next";
+import StyledComponentsRegistry from "./registry";
+
+export const metadata: Metadata = {
   title: "LRC-Karaoke Player",
   description:
     "A karaoke oriented media player with support for lyrics, subtitles, and offset adjustments!",
@@ -11,7 +14,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
+      </body>
     </html>
   );
-}
+}
+\ No newline at end of file