diff --git a/src/components/logo/logo.component.html b/src/components/logo/logo.component.html
index 538f8130b..fd510e136 100644
--- a/src/components/logo/logo.component.html
+++ b/src/components/logo/logo.component.html
@@ -1,9 +1,21 @@
 <img
-  *ngIf="url"
+  *ngIf="url; else noSrc"
   [src]="url"
-  class="icon dark-border-color"
+  class="icon"
   [ngStyle]="{ width: size + 'px', height: size + 'px' }"
   draggable="false"
   loading="lazy"
   [alt]="name ? name[0] : ''"
 />
+
+<ng-template #noSrc>
+  <div
+    class="circle"
+    [ngStyle]="{
+      width: size + 'px',
+      height: size + 'px'
+    }"
+  >
+    {{ name ? name[0] : '' }}
+  </div>
+</ng-template>
diff --git a/src/components/logo/logo.component.scss b/src/components/logo/logo.component.scss
index 662795c3d..7c58d304b 100644
--- a/src/components/logo/logo.component.scss
+++ b/src/components/logo/logo.component.scss
@@ -29,4 +29,6 @@
   justify-content: center;
   align-items: center;
   border-radius: 50%;
+  background-color: #1890ff;
+  font-size: 18px;
 }