avatar started

app/src/styles/layout/popup.scss

@@ -110,3 +110,29 @@
     }
   }
 }
+
+.collab-user-live-container{
+  @include flex-center;
+  flex-direction: column;
+  gap: 6px;
+  .user-image-container{
+    height: 30px;
+    width: 30px;
+    border-radius: #{$border-radius-circle};
+    overflow: hidden;
+    .user-image{
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+      vertical-align: top;
+    }
+  }
+  .user-name{
+    padding: 4px 6px;
+    border-radius: #{$border-radius-small};
+    color: white;
+    font-size: var(--font-size-regulaar);
+    font-weight: var(--font-size-regulaar);
+    text-transform: capitalize;
+  }
+}

app/src/styles/layout/sidebar.scss

@@ -225,11 +225,13 @@
         border-radius: 50%;
         font-weight: var(--font-weight-bold);
         color: white;
+        text-transform: capitalize;
       }
 
       .guest-users-container {
         display: flex;
-
+        width: 100%;
+        justify-content: flex-end;
         .other-guest {
           @include flex-center;
           height: 26px;
@@ -249,7 +251,8 @@
         display: flex;
 
         .user-organization {
-          height: 100%;
+          height: 26px;
+          width: 52px;
           max-width: 52px;
           border-radius: 20px;
           overflow: hidden;