diff --git a/web_ui/src/app/login/layout.tsx b/web_ui/src/app/login/layout.tsx
index e868ff78..34b431cc 100644
--- a/web_ui/src/app/login/layout.tsx
+++ b/web_ui/src/app/login/layout.tsx
@@ -1,4 +1,7 @@
+'use client';
+
 import React from "react";
+import { ConfigProvider, theme } from 'antd';
 
 export default function LoginLayout({
     children
@@ -6,8 +9,18 @@ export default function LoginLayout({
     children: React.ReactNode;
 }>) {
     return (
-        <div>
-            <main>{children}</main>
-        </div>
+        <ConfigProvider
+            theme={{
+                token: {
+                    colorPrimary: '#6f42c1',
+                    borderRadius: 6,
+                },
+                algorithm: theme.defaultAlgorithm,
+            }}
+        >
+            <div style={{ width: '100%', height: '100%' }}>
+                <main style={{ width: '100%', height: '100%' }}>{children}</main>
+            </div>
+        </ConfigProvider>
     )
 }