diff --git a/src/ui/web/css/themes/element/theme.css b/src/ui/web/css/themes/element/theme.css
index e1ef7a41..53ccb2f8 100644
--- a/src/ui/web/css/themes/element/theme.css
+++ b/src/ui/web/css/themes/element/theme.css
@@ -149,7 +149,7 @@ button.styled {
 }
 
 .LeftPanel li {
-    margin: 5px 10px;
+    margin: 3px 10px;
     padding: 5px;
     /* vertical align */
     align-items: center;
@@ -227,7 +227,6 @@ a {
     color: #FF4B55;
 }
 
-
 .RoomHeader {
     background: rgba(245, 245, 245, 0.90);
     padding: 10px;
@@ -235,6 +234,7 @@ a {
 
 .RoomHeader h2 {
     font-size: 1.8rem;
+    font-weight: 600;
 }
 
 .RoomHeader button {
@@ -257,7 +257,7 @@ a {
 }
 
 .RoomHeader .topic {
-    font-size: 0.8em;
+    font-size: 14rem;
 }
 
 .RoomView_error {
@@ -293,9 +293,16 @@ a {
     background-color: #E3E8F0;
 }
 
+ul.Timeline > li:not(.continuation) {
+    margin-top: 7px;
+}
+
+ul.Timeline > li.continuation .sender {
+    display: none;
+}
 
 .message-container {
-    padding: 2px 10px;
+    padding: 1px 10px 0px 10px;
     margin: 5px 10px 0 10px;
 }
 
@@ -305,8 +312,9 @@ a {
 }
 
 .message-container .sender {
-    margin: 5px 0;
+    margin: 6px 0;
     font-weight: bold;
+    line-height: 1.7rem;
 }
 
 .hydrogen .sender.usercolor1 { color: var(--usercolor1); }
@@ -321,6 +329,7 @@ a {
 .message-container time {
     padding: 2px 0 0px 10px;
     font-size: 0.8em;
+    line-height: normal;
     color: #aaa;
 }
 
@@ -329,7 +338,8 @@ a {
 }
 
 .message-container p {
-    margin: 5px 0;
+    margin: 3px 0;
+    line-height: 2.2rem;
 }
 
 .AnnouncementView {