diff --git a/css/src/main.css b/css/src/main.css
index b984e347b..9356e8474 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -836,6 +836,20 @@ label small.has-error {
   font-size: 11px;
 }
 
+table { border-collapse: collapse; text-align: left; width: 100%; border: none; 
+  box-shadow: -2px 1px 9px 1px #DDDDDD;
+-webkit-box-shadow: -2px 1px 5px 1px #DDDDDD;
+-moz-box-shadow: -2px 1px 5px 1px #DDDDDD;
+-o-box-shadow: -2px 1px 5px 1px #DDDDDD;
+
+}
+thead tr{ text-transform: uppercase; border-top: 1px solid #FFFFFF; height: 46px}
+table td, .datagrid table th { padding: 15px 15px; height: 58px} }
+table thead th {background-color: #F5F5F8; color:#949BAD; font-size: 13px; font-weight: normal; !important} 
+table tbody td { color: #000000; font-size: 14px;border-bottom: 1px solid #F1F1F3; }
+table tbody tr:last-child td { border-bottom: none; }
+
+
 table tr.active {
   background: #CBECE6;
 }
diff --git a/views/profile.html b/views/profile.html
index 248ce524d..f51adcde0 100644
--- a/views/profile.html
+++ b/views/profile.html
@@ -42,48 +42,51 @@
   <div class="row" ng-init="getWallets()">
     <div class="large-12 columns">
       <h2>Manage wallets</h2>
-      <table width="100%" role="grid">
-        <thead>
-          <tr>
-            <th>Name</th>
-            <th>Type</th>
-            <th>Status</th>
-            <th>Balance</th>
-            <th>Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr 
-              data-ng-repeat="item in wallets | orderBy:'name'" 
-              ng-init="isReady = item.isReady(); 
-              networkName = item.getNetworkName()"
-              ng-class="{'deleting':loading==item.id}">
-            <td>{{item.name || item.id }}</td>
-            <td width="120">{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
-            <td width="200">{{isReady ? 'Complete' : 'Waiting for copayers...'}}</td>
-            <td width="200">
-              <span ng-if="!isReady">-</span>
-              <span ng-if="isReady">
-                {{item.balanceInfo.totalBalance || 0 |noFractionNumber}} {{item.settings.unitName}}
-              </span>
-            </td>
-            <td width="90" class="text-center">
 
-              <div ng-show="loading != item.id">
-                <a title="Download Backup" class="text-gray" ng-click="downloadWalletBackup(item)"
-                  ng-show="!isSafari"><i class="fi-download size-18 m10r"></i></a>
-                <a title="View Backup" ng-click="viewWalletBackup(item)"
-                  ng-show="isSafari"><i class="fi-eye"></i></a> 
-                &nbsp; &nbsp;
-                <a title="Delete Wallet" ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}" 
-                  ng-really-click="deleteWallet(item)"
-                  ng-show="loading != item.id"><i class="fi-trash text-gray size-18"></i></a>
-              </div>
-              <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="datagrid">
+        <table>
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Type</th>
+              <th>Status</th>
+              <th>Balance</th>
+              <th>Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr 
+                data-ng-repeat="item in wallets | orderBy:'name'" 
+                ng-init="isReady = item.isReady(); 
+                networkName = item.getNetworkName()"
+                ng-class="{'deleting':loading==item.id}">
+              <td>{{item.name || item.id }}</td>
+              <td width="120px">{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
+              <td width="200px">{{isReady ? 'Complete' : 'Waiting for copayers...'}}</td>
+              <td width="200px">
+                <span ng-if="!isReady">-</span>
+                <span ng-if="isReady">
+                  {{item.balanceInfo.totalBalance || 0 |noFractionNumber}} {{item.settings.unitName}}
+                </span>
+              </td>
+              <td width="70px" class="text-center">
+
+                <div ng-show="loading != item.id">
+                  <a title="Download Backup" class="text-gray" ng-click="downloadWalletBackup(item)"
+                    ng-show="!isSafari"><i class="fi-download size-18 m10r"></i></a>
+                  <a title="View Backup" ng-click="viewWalletBackup(item)"
+                    ng-show="isSafari"><i class="fi-eye"></i></a> 
+                  &nbsp; &nbsp;
+                  <a title="Delete Wallet" ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}" 
+                    ng-really-click="deleteWallet(item)"
+                    ng-show="loading != item.id"><i class="fi-trash text-gray size-18"></i></a>
+                </div>
+                <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div> 
 </div>