diff --git a/frontend/src/layout/components/AppSidebar.vue b/frontend/src/layout/components/AppSidebar.vue
index 2b268c370..faaa4d2ad 100644
--- a/frontend/src/layout/components/AppSidebar.vue
+++ b/frontend/src/layout/components/AppSidebar.vue
@@ -339,12 +339,12 @@ onBeforeUnmount(() => {
       <BaseMotionIcon
         aria-hidden="true"
         variant="brand"
-        class="inline-flex size-11 items-center justify-center relative -top-0.5 rounded-(--cp-icon-button-radius) bg-(--cp-brand-mark-bg)"
+        class="inline-flex size-11 items-center justify-center relative -top-0.5 rounded-(--cp-icon-button-radius)"
       >
         <img
           src="/favicon.svg"
           alt=""
-          class="block size-9 select-none"
+          class="block size-11 select-none"
           draggable="false"
         >
       </BaseMotionIcon>
diff --git a/frontend/src/views/login/components/LoginPanel.vue b/frontend/src/views/login/components/LoginPanel.vue
index 195d3961e..c8da5c437 100644
--- a/frontend/src/views/login/components/LoginPanel.vue
+++ b/frontend/src/views/login/components/LoginPanel.vue
@@ -61,7 +61,7 @@ function togglePasswordVisible(): void {
           <img
             src="/favicon.svg"
             alt=""
-            class="block size-8 select-none"
+            class="block size-[38px] select-none"
             draggable="false"
           >
         </BaseMotionIcon>
@@ -232,7 +232,6 @@ function togglePasswordVisible(): void {
   align-items: center;
   justify-content: center;
   border-radius: 8px;
-  background: var(--login-logo-bg);
   color: var(--login-logo-text);
   font-family: var(--font-mono);
   font-size: 12px;