diff --git a/hourglass/client/main/main.css b/hourglass/client/main/main.css
index 0b322da..ea1656a 100644
--- a/hourglass/client/main/main.css
+++ b/hourglass/client/main/main.css
@@ -514,18 +514,20 @@ input, textarea {
 }
 
 .cWorkTop {
+	width: 100%;
 	margin: 0 0 5% 0;
+	display: table;
 }
 
 .cWorkCreator {
-	width: 39%;
-	display: inline-block;
+	width: 50%;
+	display: table-cell;
 	text-align: right;
 }
 
 .cWorkDate {
-	width: 75%;
-	display: inline-block;
+	width: 70%;
+	display: table-cell;
 }
 
 .cWorkCont {
@@ -539,19 +541,25 @@ input, textarea {
 .cWorkName {
 	font-weight: 400;
 	font-size: 100%;
-	width: 60%;
+	width: 50%;
 	margin-top: 0;
 	
 	-webkit-filter: none;
 	filter: none;
 
-	display: inline-block;
+	display: table-cell;
 	white-space: normal;
 }
 
 .cWorkBottom {
+	width: 100%;
+	display: table;
+}
+
+.cWorkBottom div {
 	width: 30%;
-	display: inline-block;
+	display: table-cell;
+	text-align: right;
 }
 
 #editWork {
diff --git a/hourglass/client/main/main.html b/hourglass/client/main/main.html
index c27a656..5e51067 100644
--- a/hourglass/client/main/main.html
+++ b/hourglass/client/main/main.html
@@ -303,12 +303,14 @@
                 <h3 class="cWorkName">{{name}}</h3>
                 <span class="cWorkCreator">{{creator}}</span>
             </div>
-            <span class="cWorkDate" style="font-weight:{{cardDate}}">{{dueDate}}</span>
-			<div class="cWorkBottom">
-				<i class="fa fa-thumbs-up" aria-hidden="true"></i>	
-				<span>{{confirmationLength}}</span>
-				<i class="fa fa-thumbs-down" aria-hidden="true"></i> 
-				<span>{{reportLength}}</span> 
+            <div class="cWorkBottom">
+                <span class="cWorkDate" style="font-weight:{{cardDate}}">{{dueDate}}</span>
+                <div>
+    				<i class="fa fa-thumbs-up" aria-hidden="true"></i>	
+    				<span>{{confirmationLength}}</span>
+    				<i class="fa fa-thumbs-down" aria-hidden="true"></i> 
+    				<span>{{reportLength}}</span> 
+                </div>
 			</div>
 		</div>
     </div>