diff --git a/@salix/app/src/components/searchbar/searchbar.html b/@salix/app/src/components/searchbar/searchbar.html
index e6afb9b59..e46d3b347 100644
--- a/@salix/app/src/components/searchbar/searchbar.html
+++ b/@salix/app/src/components/searchbar/searchbar.html
@@ -1,5 +1,5 @@
 <vn-horizontal>
-     <vn-textfield vn-one label="search"></vn-textfield>
+     <vn-textfield vn-one label="Search"></vn-textfield>
      <i class="material-icons">keyboard_arrow_down</i>
      <vn-icon-button icon="search" margin-small-top></vn-icon-button>
 </vn-horizontal>
diff --git a/@salix/core/src/card/card.js b/@salix/core/src/card/card.js
index 132d6f055..1f9038987 100644
--- a/@salix/core/src/card/card.js
+++ b/@salix/core/src/card/card.js
@@ -1,6 +1,7 @@
 import {module as _module} from '../module';
 import * as resolveFactory from '../resolveDefaultComponents';
 import * as util from '../util';
+require ('./style.css');
 
 const _NAME = 'card';
 export const NAME = util.getName(_NAME);
diff --git a/@salix/core/src/card/style.css b/@salix/core/src/card/style.css
new file mode 100644
index 000000000..c2fe4e1ea
--- /dev/null
+++ b/@salix/core/src/card/style.css
@@ -0,0 +1,3 @@
+vn-card {
+    display: block;
+}
\ No newline at end of file
diff --git a/@salix/core/src/icon/icon.js b/@salix/core/src/icon/icon.js
index 185b79a5f..9034b2212 100644
--- a/@salix/core/src/icon/icon.js
+++ b/@salix/core/src/icon/icon.js
@@ -1,5 +1,6 @@
 import {module} from '../module';
 import * as resolveFactory from '../resolveDefaultComponents';
+require('./style.css');
 
 const _NAME = 'icon';
 export const NAME = 'vnIcon';
diff --git a/@salix/core/src/icon/icon.mdl.html b/@salix/core/src/icon/icon.mdl.html
index 42a9d6328..671916513 100644
--- a/@salix/core/src/icon/icon.mdl.html
+++ b/@salix/core/src/icon/icon.mdl.html
@@ -1 +1 @@
-<i class="material-icons" style="font-size: inherit;">*[icon]*</i>
+<i class="material-icons">*[icon]*</i>
diff --git a/@salix/core/src/icon/style.css b/@salix/core/src/icon/style.css
new file mode 100644
index 000000000..fc4dacc93
--- /dev/null
+++ b/@salix/core/src/icon/style.css
@@ -0,0 +1,7 @@
+vn-icon {
+    display: inline;
+    font-size: 18pt;
+}
+vn-icon > i {
+    font-size: inherit !important;
+}
\ No newline at end of file
diff --git a/@salix/core/src/popover/popover.js b/@salix/core/src/popover/popover.js
index 8dc342017..84f09415b 100644
--- a/@salix/core/src/popover/popover.js
+++ b/@salix/core/src/popover/popover.js
@@ -1,5 +1,6 @@
 import {module} from '../module';
 import * as resolveFactory from '../resolveDefaultComponents';
+require('./style.css');
 
 const _NAME = 'popover';
 export const NAME = 'vnPopover';
diff --git a/@salix/core/src/popover/style.css b/@salix/core/src/popover/style.css
new file mode 100644
index 000000000..6ec8f95d8
--- /dev/null
+++ b/@salix/core/src/popover/style.css
@@ -0,0 +1,4 @@
+vn-popover {
+    display: none;
+    position: absolute;
+}
\ No newline at end of file
diff --git a/@salix/crud/src/client/index/index.html b/@salix/crud/src/client/index/index.html
index 389b23d9e..edee93333 100644
--- a/@salix/crud/src/client/index/index.html
+++ b/@salix/crud/src/client/index/index.html
@@ -1,23 +1,23 @@
 <vn-vertical class="full-height">
-        <vn-topbar></vn-topbar>
-        <form ng-submit="search.submit()" pad-large>
+    <vn-topbar></vn-topbar>
+    <div style="max-width: 45em; margin: 0 auto;">
+        <vn-card margin-medium>
+            <form pad-medium ng-submit="search.submit()">
             <vn-horizontal>
-                <vn-four></vn-four>
-                <vn-searchbar vn-four></vn-searchbar>
-                <vn-four></vn-four>    
+                <vn-searchbar vn-auto></vn-searchbar>
+                <a vn-empty ui-sref="create"><vn-button label="New client"></vn-button></a>
             </vn-horizontal>
-            <vn-horizontal>
-                <vn-four></vn-four>
-                <a vn-two ui-sref="create"><vn-button label="Create client"></vn-button></a>
-                <vn-submit vn-two label="Buscar"></vn-submit>
-                <vn-four></vn-four>
-            </vn-horizontal>
-            <vn-horizontal>
-                <vn-three></vn-three>
-                <vn-vertical>
-                    <vn-item-client ng-repeat="client in search.clients" client="client" vn-six></vn-item-client>
-                </vn-vertical>
-                <vn-three></vn-three>  
-            </vn-horizontal>
-        </form>
+            </form>
+        </vn-card>
+        <vn-card margin-medium>
+            <vn-item-client
+                ng-repeat="client in search.clients"
+                title="View client"
+                client="client">
+            </vn-item-client>
+        </vn-card>
+    </div>
+    <vn-popover>
+        Popover test!
+    </vn-popover>
 </vn-vertical>
diff --git a/@salix/crud/src/client/index/index.js b/@salix/crud/src/client/index/index.js
index 768656953..81785d2ea 100644
--- a/@salix/crud/src/client/index/index.js
+++ b/@salix/crud/src/client/index/index.js
@@ -1,5 +1,6 @@
 import template from './index.html';
 import {module} from '../../module';
+require('./style.css');
 
 export const NAME = 'vnClientIndex';
 export const COMPONENT = {
diff --git a/@salix/crud/src/client/index/item-client.html b/@salix/crud/src/client/index/item-client.html
index 9221e3f21..8e29478bd 100644
--- a/@salix/crud/src/client/index/item-client.html
+++ b/@salix/crud/src/client/index/item-client.html
@@ -1,12 +1,11 @@
-<vn-auto style="border-radius: .5em;" >
-    <vn-horizontal style="align-items: center;">
-        <vn-auto>
-            <div><b>{{itemClient.client.alias}}</b></div>
-            <div>{{itemClient.client.name}}</div>
-            <div>{{itemClient.client.phone}}, {{itemClient.client.contact}}</div>
-        </vn-auto>
-        <vn-empty>
-           <a ui-sref="clientCard.basicData({ id: {{itemClient.client.id}} })"><i class="material-icons">edit</i></a>
-        </vn-empty>
-    </vn-horizontal>
-</vn-auto>
\ No newline at end of file
+<a ui-sref="clientCard.basicData({ id: {{itemClient.client.id}} })" pad-medium border-solid-bottom>
+<vn-horizontal>
+    <vn-auto>
+        <div><b>{{itemClient.client.name}}</b></div>
+        <div>{{itemClient.client.phone}}, {{itemClient.client.contact}}</div>
+    </vn-auto>
+    <vn-empty style="vertical-align: middle;">
+        <vn-icon icon="arrow_forward"></vn-icon>
+    </vn-empty>
+</vn-horizontal>
+</a>
\ No newline at end of file
diff --git a/@salix/crud/src/client/index/style.css b/@salix/crud/src/client/index/style.css
new file mode 100644
index 000000000..d12d1c754
--- /dev/null
+++ b/@salix/crud/src/client/index/style.css
@@ -0,0 +1,11 @@
+vn-item-client {
+    display: block;
+}
+vn-item-client a {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+}
+vn-item-client a:hover {
+    background-color: rgba(0, 0, 0, .1);
+}
\ No newline at end of file