diff --git a/fe/src/views/components/HomeAside/HomeAside.css b/fe/src/views/components/HomeAside/HomeAside.css
index 2aeff13..26008a2 100644
--- a/fe/src/views/components/HomeAside/HomeAside.css
+++ b/fe/src/views/components/HomeAside/HomeAside.css
@@ -16,6 +16,23 @@
   gap: 8px;
 }
 
+.brand-logo-shell {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 42px;
+  height: 30px;
+  overflow: hidden;
+  border-radius: 7px;
+  background: #1f4f91;
+}
+
+.brand-logo-shell :deep(.brand-logo-frame) {
+  width: 100%;
+  height: 100%;
+}
+
 .brand-text {
   font-size: 19px;
   font-weight: 600;
diff --git a/fe/src/views/components/HomeAside/HomeAside.vue b/fe/src/views/components/HomeAside/HomeAside.vue
index f4d5d49..6bbc5c4 100644
--- a/fe/src/views/components/HomeAside/HomeAside.vue
+++ b/fe/src/views/components/HomeAside/HomeAside.vue
@@ -2,7 +2,9 @@
 <div class="sidebar-main">
     <div class="brand">
       <router-link to="/" class="brand-link">
-        <BrandLogo variant="compact" surface />
+        <span class="brand-logo-shell">
+          <BrandLogo variant="compact" surface />
+        </span>
         <span class="brand-text">Smail</span>
       </router-link>
     </div>