diff --git a/public/css/client.css b/public/css/client.css
index 71a3639..5b06b4e 100644
--- a/public/css/client.css
+++ b/public/css/client.css
@@ -1362,6 +1362,10 @@ button.secondary:hover:not(:disabled) {
   vertical-align: top;
   position: relative;
 }
+.messages .messageWrapper:hover .date {
+  color: #9e9ea6;
+  font-weight: bolder;
+}
 .messages .messageWrapper .message_header .name {
   display: inline-block;
   margin-right: 0.25rem;
@@ -1437,22 +1441,18 @@ button.secondary:hover:not(:disabled) {
   color: #88d5f7;
 }
 .messages .message .date {
-  display: inline-block;
   color: #babbbf;
   font-size: 12px;
   width: 60px;
   line-height: 22px;
   text-transform: uppercase;
   cursor: pointer;
-  position: relative;
-  left: -55px;
+  position: absolute;
+  left: -40px;
   visibility: hidden;
 }
 .messages .message .body {
-  display: inline-block;
   word-break: break-word;
-  position: relative;
-  left: -60px;
   margin: 0;
   padding: 0;
 }
diff --git a/public/css/pages/chat.styl b/public/css/pages/chat.styl
index c4833ab..e9867cd 100644
--- a/public/css/pages/chat.styl
+++ b/public/css/pages/chat.styl
@@ -367,6 +367,11 @@
     vertical-align: top
     position: relative
 
+    &:hover
+      .date
+        color: $gray
+        font-weight: bolder
+
     .message_header
 
       .name
@@ -440,22 +445,18 @@
         color: $blue-light
 
     .date
-      display: inline-block
       color: $gray-light
       font-size: $font-size-small
       width: 60px
       line-height: 22px
       text-transform: uppercase
       cursor: pointer
-      position: relative
-      left: -55px
+      position: absolute
+      left: -40px
       visibility: hidden
 
     .body
-      display: inline-block
       word-break: break-word
-      position: relative
-      left: -60px
       margin: 0
       padding: 0