diff --git a/components/log-viewer-webui/client/src/AntdApp.tsx b/components/log-viewer-webui/client/src/AntdApp.tsx
index 5435bae9d9..4a70cb5f74 100644
--- a/components/log-viewer-webui/client/src/AntdApp.tsx
+++ b/components/log-viewer-webui/client/src/AntdApp.tsx
@@ -1,6 +1,9 @@
 import {RouterProvider} from "react-router";
 
+import {ConfigProvider} from "antd";
+
 import router from "./router";
+import THEME_CONFIG from "./theme";
 
 import "@ant-design/v5-patch-for-react-19";
 
@@ -11,7 +14,13 @@ import "@ant-design/v5-patch-for-react-19";
  * @return
  */
 const AntApp = () => {
-    return <RouterProvider router={router}/>;
+    return (
+        <ConfigProvider
+            theme={THEME_CONFIG}
+        >
+            <RouterProvider router={router}/>
+        </ConfigProvider>
+    );
 };
 
 export default AntApp;
diff --git a/components/log-viewer-webui/client/src/components/Layout/MainLayout.module.css b/components/log-viewer-webui/client/src/components/Layout/MainLayout.module.css
index 784310750a..1cebf0aaad 100644
--- a/components/log-viewer-webui/client/src/components/Layout/MainLayout.module.css
+++ b/components/log-viewer-webui/client/src/components/Layout/MainLayout.module.css
@@ -12,5 +12,6 @@
 .siderLogo {
   max-width: 100%;
   max-height: 100%;
-  height: 32px;
+  padding-inline: 15%;
+  padding-block: 16px;
 }
diff --git a/components/log-viewer-webui/client/src/components/Layout/MainLayout.tsx b/components/log-viewer-webui/client/src/components/Layout/MainLayout.tsx
index b3ef4f89c5..39510c9a18 100644
--- a/components/log-viewer-webui/client/src/components/Layout/MainLayout.tsx
+++ b/components/log-viewer-webui/client/src/components/Layout/MainLayout.tsx
@@ -40,7 +40,7 @@ const MainLayout = () => {
                 collapsed={collapsed}
                 collapsible={true}
                 theme={"light"}
-                width={"150"}
+                width={150}
                 onCollapse={(value) => {
                     setCollapsed(value);
                 }}
diff --git a/components/log-viewer-webui/client/src/theme.tsx b/components/log-viewer-webui/client/src/theme.tsx
new file mode 100644
index 0000000000..a06f77a6b2
--- /dev/null
+++ b/components/log-viewer-webui/client/src/theme.tsx
@@ -0,0 +1,18 @@
+import type {ThemeConfig} from "antd";
+
+
+/**
+ * Ant Design theme configuration.
+ */
+const THEME_CONFIG: ThemeConfig = Object.freeze({
+    token: {
+        fontFamily: "'Inter', sans-serif",
+        colorPrimary: "#2a8efa",
+        borderRadius: 3,
+    },
+    cssVar: true,
+    hashed: false,
+});
+
+
+export default THEME_CONFIG;