diff --git a/theme.css b/theme.css
index 50b74ae..3bdddba 100644
--- a/theme.css
+++ b/theme.css
@@ -291,17 +291,14 @@ body {
 	border-bottom: 1px dotted #555;
 }
 
-#chat .channel .highlight,
-#chat .channel .highlight .time,
 #chat .channel .highlight .from,
 #chat .channel .highlight .from .user,
 #chat .channel .highlight .text {
 	color: #fff !important;
 }
 
-#chat .channel .highlight .time,
 #chat .channel .highlight .from {
-	background-color: #2072ac;
+	background: linear-gradient(to right, transparent 0%, #2072ac 60%);
 }
 
 #chat .channel .highlight .content {
@@ -354,6 +351,17 @@ body {
 	#chat .message .from .user::after {
 		content: ">";
 	}
+
+	#chat .channel .highlight .time {
+		color: #fff;
+		background: #2072ac;
+		margin-left: -10px;
+		padding-left: 10px;
+	}
+
+	#chat .channel .highlight .from {
+		background: linear-gradient(to left, transparent 0%, #2072ac 100%);
+	}
 }
 
 @media (min-width: 480px) {