diff --git a/@salix/crud/src/client/index/index.html b/@salix/crud/src/client/index/index.html
index bcd03dbf2..391b3addd 100644
--- a/@salix/crud/src/client/index/index.html
+++ b/@salix/crud/src/client/index/index.html
@@ -1,27 +1,17 @@
-<div>
-    <div style="max-width: 40em; margin: 0 auto;">
+<vn-horizontal>
+    <vn-four></vn-four>
+    <vn-vertical vn-four>
         <vn-card margin-medium>
             <vn-horizontal pad-medium>
-                <vn-searchbar
-                    vn-auto
-                    model="search.filter"
-                    search="search.find()"
-                    advanced="true"
-                    popover="vn-client-search-panel">
-                </vn-searchbar>
+                <vn-searchbar vn-auto model="search.filter" search="search.find()" advanced="true" popover="vn-client-search-panel"></vn-searchbar>
             </vn-horizontal>
         </vn-card>
         <vn-card margin-medium>
-            <vn-item-client
-                ng-repeat="client in search.clients"
-                title="View client"
-                client="client">
-            </vn-item-client>
+            <vn-item-client ng-repeat="client in search.clients" title="View client" client="client"></vn-item-client>
         </vn-card>
-    </div>
-    <a
-        ui-sref="create"
-        style="position: fixed; bottom: 2em; right: 2em;">
-        <vn-button label="New client"></vn-button>
+    </vn-vertical>
+    <vn-four></vn-four>
+    <a ui-sref="create" style="position: fixed; bottom: 2em; right: 2em;">
+        <vn-float-button icon="person_add"></vn-float-button>
     </a>
-</div>
+</vn-horizontal>