diff --git a/css/main.css b/css/main.css
index a3e0ea605..e5d5dc042 100644
--- a/css/main.css
+++ b/css/main.css
@@ -218,8 +218,9 @@ small.has-error {
 }
 
 tr { background: none !important;}
-
+table tr th, table tr td { padding: 0.5625rem 0rem; }
 hr { margin: 2.25rem 0;}
+table { margin-bottom: 0.25rem;}
 
 button.primary { background-color: #111; }
 button.secondary { background-color: #FAE448 !important; }
@@ -227,7 +228,7 @@ button.secondary { background-color: #FAE448 !important; }
 button.primary:hover { background-color: #333;}
 button.secondary:hover { background-color: #FFDF00 !important;}
 
-.text-gray { color: #999;}
+.text-gray { color: #999 !important;}
 .pr {position: relative;}
 .m0 {margin: 0;}
 .db {display: block;}
diff --git a/index.html b/index.html
index 649d2a4c2..647434230 100644
--- a/index.html
+++ b/index.html
@@ -249,10 +249,14 @@
               <div class="txheader">
                 <div class="row">
                   <div class="large-8 columns">
-                    Proposal ID: {{tx.ntxid}}
+                    <tr ng-repeat="o in tx.outs">
+                      <td class="text-right size-24">{{o.value}} <i class="fi-bitcoin"></i></td>
+                      <td class="text-center size-48"> <i class="fi-arrow-right size-40"> </i>
+                      <td class="text-left size-24">{{o.address}}</td>
+                    </tr>
                   </div>
                   <div class="large-4 columns text-right">
-                    created at {{tx.createdTs | date:'medium'}}
+                    <h6> created at {{tx.createdTs | date:'medium'}} </h6>
                   </div>
                 </div>
               </div>
@@ -261,11 +265,9 @@
                 <div class="large-12 columns">
                   <table style="width:100%">
                     <tbody>
-                      <tr ng-repeat="o in tx.outs">
-                        <td class="text-right size-24">{{o.value}} <i class="fi-bitcoin"></i></td>
-                        <td class="text-center size-48"> <i class="fi-arrow-right size-40"> </i>
-                        <td class="text-left size-24">{{o.address}}</td>
-                      </tr>
+                      <tr>
+                        <small class="right text-gray"> <strong> Proposal ID: </strong> {{tx.ntxid}} </small>
+                      </tr>                     
                       <tr ng-repeat="(peer, actions) in tx.peerActions">
                         <td colspan="3">
                           <div class="panel status">
@@ -283,7 +285,6 @@
                           </div>
                         </td>
                       </tr>
-    
                     </tbody>
                   </table>
                 </div>