diff --git a/src/orbit-dependencies.pug b/src/orbit-dependencies.pug
index 9c9295a..79aac91 100644
--- a/src/orbit-dependencies.pug
+++ b/src/orbit-dependencies.pug
@@ -17,7 +17,7 @@ if componentSet.has("autoLogin") || componentSet.has("registering")
   //- script(type="module" src="/lib/sib-auth/index.js" defer)
 
 if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("projects")
-  script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.2" defer)
+  script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.3" defer)
   //- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer)
 
 if componentSet.has("communities")
diff --git a/src/styles/chat/_index.scss b/src/styles/chat/_index.scss
index 46b4ae5..227d8de 100644
--- a/src/styles/chat/_index.scss
+++ b/src/styles/chat/_index.scss
@@ -1,8 +1,43 @@
-.chat-view {
-  height: calc(100vh - 50px - 78px);
+#messages {
+  
+  .chat-view {
+    height: calc(100vh - 50px - 78px);
+  }
 
   @media (max-width: 768px) {
-    height: calc(100vh - 50px - 68px);
+
+    height: calc(100vh - 50px - 58px);
+
+    .messages-header {
+      display: flex;
+    }
+
+    solid-set-default[name="segment2"] {
+      font-size: 14px;
+      line-height: 16px;
+      width: 75%;
+    }
+
+    orbit-user-avatar {
+      height: 31px;
+      width: 31px;
+    }
+
+    solid-display-value[name="name"] {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 210px;
+    }
+
+    solid-display-value[name="hyphen"] {
+        display: none;
+    }
+
+    solid-link {
+      vertical-align: super;
+    }
   }
 }