diff --git a/src/ui/css/style.scss b/src/ui/css/style.scss
index bae86bf..384ff1b 100644
--- a/src/ui/css/style.scss
+++ b/src/ui/css/style.scss
@@ -67,7 +67,7 @@ body {
     @mixin marked {
         background-color: $blue-color;
         color: $lightgrey-color;
-        .from {
+         .sent-date, .from {
             color: $lightgrey-color;
         }
     }
@@ -119,16 +119,22 @@ body {
             margin-left: 32px;
             margin-right: 32px;
         }
-        p.from {
+        .from {
             font-size: 1.5em;
         }
-        p.subject {
+        .subject-line {
             font-size: 0.875em;
-            font-weight: bold;
             margin-top: 0.5em;
             margin-bottom: 0.5em;
         }
-        p.text-preview {
+        .subject {
+            font-weight: bold;
+        }
+        .sent-date {
+            float: right;
+            color: #D8D8D8;
+        }
+        .text-preview {
             font-size: 0.875em;
             height: 2em;
             overflow: hidden;
diff --git a/src/ui/index.html b/src/ui/index.html
index c96af9e..1f3fe61 100755
--- a/src/ui/index.html
+++ b/src/ui/index.html
@@ -24,37 +24,55 @@
         <li class="selected">
           <div class="unread"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
         <li>
           <div class="unread"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
         <li>
           <div class="read"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
         <li>
           <div class="read"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
         <li>
           <div class="read"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
         <li>
           <div class="read"></div>
           <p class="from">Whiteout Support</p>
-          <p class="subject">Welcome Nico</p>
+          <p class="subject-line">
+            <span class="subject">Welcome Nico</span>
+            <span class="sent-date">7:23 PM</span>
+          </p>
           <p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
         </li>
       </ul>