Resolve "The aliens are too big"

Closes #134 (closed)

src/styles/base/header.scss

@@ -112,7 +112,7 @@
     user-select: none;
 
     summary {
-      padding: 16px;
+      padding: 18px;
       cursor: pointer;
       &:focus {
         background-color: $color-233-18-29;
@@ -129,14 +129,29 @@
         > * {
           vertical-align: middle;
         }
-      
-        img {
-          border-radius: 100%;
+
+        hd-user-avatar {
+          align-items: center;
+          background-color: $color-213-20-91;
+          border-radius: 50%;
+          display: flex;
           height: 4.8rem;
+          justify-content: center;
           margin-right: 2rem;
+          overflow: hidden;
+          width: 4.8rem;
+        }
+
+        img {
+          height: 100%;
           object-fit: cover;
           object-position: center;
-          width: 4.8rem;
+          width: 100%;
+        }
+
+        object {
+          height: 45%;
+          width: 45%;
         }
   
         sib-display-value[name='first_name'] {
@@ -218,5 +233,5 @@
       }
     }
   }
-  
-}
\ No newline at end of file
+}
+