diff --git a/src/layouts/AppSidebar.css b/src/layouts/AppSidebar.css
index ac0b481..fad846d 100644
--- a/src/layouts/AppSidebar.css
+++ b/src/layouts/AppSidebar.css
@@ -21,23 +21,31 @@
 .drawer-brand {
   font-weight: 600;
   font-size: 18px;
-  letter-spacing: 0.5px;
-  color: var(--ant-color-text);
+  letter-spacing: 0;
 }
 
 .sider-brand {
   display: flex;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: center;
   gap: 8px;
   height: 42px;
-  padding: 0 16px 0 24px;
+  padding: 0 16px;
   border-bottom: 1px solid var(--ant-color-border-secondary);
   user-select: none;
   white-space: nowrap;
   overflow: hidden;
 }
 
+.sider-brand .brand-text,
+.drawer-brand {
+  color: transparent;
+  background: linear-gradient(135deg, #6366f1, #ec4899);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
 .brand-block {
   display: inline-flex;
   align-items: center;