diff --git a/LesionTracker/client/components/viewer.css b/LesionTracker/client/components/viewer.css
index 639327462..993a91454 100644
--- a/LesionTracker/client/components/viewer.css
+++ b/LesionTracker/client/components/viewer.css
@@ -6,7 +6,8 @@
     background-color: black;
 }
 
-#upperHalf {
-    height: 75%;
-    width: 100%;
+#viewportAndLesionTable {
+    height: 100%;
+    width: calc(100% - 120px);
+    float: right;
 }
\ No newline at end of file
diff --git a/LesionTracker/client/components/viewer.html b/LesionTracker/client/components/viewer.html
index 0bc88f89a..64b20c9ca 100644
--- a/LesionTracker/client/components/viewer.html
+++ b/LesionTracker/client/components/viewer.html
@@ -1,10 +1,10 @@
 <template name="viewer">
     <div id="viewer" class="viewer">
         {{ >lesionDialog }}
-        <div id="upperHalf">
-            {{ >hidingPanel }}
+        {{ >hidingPanel }}
+        <div id="viewportAndLesionTable">
             {{ >viewerMain }}
+            {{ >lesionTable }}
         </div>
-        {{ >lesionTable }}
     </div>
 </template>
\ No newline at end of file
diff --git a/LesionTracker/client/components/viewerMain/viewerMain.styl b/LesionTracker/client/components/viewerMain/viewerMain.styl
index 3cabe662f..8fd983b59 100644
--- a/LesionTracker/client/components/viewerMain/viewerMain.styl
+++ b/LesionTracker/client/components/viewerMain/viewerMain.styl
@@ -1,4 +1,4 @@
 .viewerMain
-  width: calc(100% - 120px)
-  height: 100%
+  width: 100%
+  height: 75%
   float: left
\ No newline at end of file
diff --git a/Packages/lesiontracker/components/lesionTable/lesionTable.styl b/Packages/lesiontracker/components/lesionTable/lesionTable.styl
index 90a086bb4..cf74b0144 100644
--- a/Packages/lesiontracker/components/lesionTable/lesionTable.styl
+++ b/Packages/lesiontracker/components/lesionTable/lesionTable.styl
@@ -27,16 +27,21 @@ table.lesionTable > tbody > tr > td {
     line-height: 10px;
 }
 
-table.lesionTable tbody tr:hover{
-    background-color: #d1d1d1;
-}
-
 table.lesionTable tbody tr{
     background-color: #b3b3b3;
     color: #424242;
     line-height: 14px;
 }
 
+table.lesionTable tbody tr.lesionTableRow:nth-child(even) {background: #CCC}
+table.lesionTable tbody tr.lesionTableRow:nth-child(odd) {background: #DDD}
+
+table.lesionTable tbody tr.lesionTableRow:hover{
+        background-color: #009BD2
+        color: white
+}
+
+
 th#thNumber {
     width: 4%;
 }
diff --git a/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html b/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
index 4df9362f3..c74128735 100644
--- a/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
+++ b/Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
@@ -1,5 +1,5 @@
 <template name="lesionTableRow">
-    <tr>
+    <tr class="lesionTableRow">
         <td class='lesionNumber'>{{lesionData.lesionNumber}}</td>
         <td class='location'>{{lesionData.location}}</td>
         <td class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</td>