diff --git a/bms-front/src/layout/components/Sidebar/Logo.vue b/bms-front/src/layout/components/Sidebar/Logo.vue
index 91cf95a7..65dc2c3f 100644
--- a/bms-front/src/layout/components/Sidebar/Logo.vue
+++ b/bms-front/src/layout/components/Sidebar/Logo.vue
@@ -75,10 +75,11 @@ const getLogoTextColor = computed(() => {
     width: 100%;
 
     & .sidebar-logo {
-      width: 32px;
-      height: 32px;
+      width: 96px;
+      height: 24px;
+      object-fit: contain;
       vertical-align: middle;
-      margin-right: 12px;
+      margin-right: 10px;
     }
 
     & .sidebar-title {
@@ -95,8 +96,10 @@ const getLogoTextColor = computed(() => {
 
   &.collapse {
     .sidebar-logo {
+      width: 32px;
+      height: 32px;
       margin-right: 0px;
     }
   }
 }
-</style>
\ No newline at end of file
+</style>