diff --git a/src/lib/palette/palette.component.html b/src/lib/palette/palette.component.html
index 124fb55..f8a5803 100644
--- a/src/lib/palette/palette.component.html
+++ b/src/lib/palette/palette.component.html
@@ -1,7 +1,7 @@
 <div id="palette-filter" class="palette-filter">
-  <input type="text" id="palette-filter-textfield" class="palette-filter-textfield" [(ngModel)]="filterText" (focus)="onFocus()"/>
+  <input type="search" id="palette-filter-textfield" class="palette-filter-textfield" [(ngModel)]="filterText" (focus)="onFocus()" placeholder="Search..."/>
 </div>
-<div id="palette-paper-container" style="height:calc(100% - 46px); width:100%;">
+<div id="palette-paper-container">
   <div id="palette-paper" class="palette-paper" style="overflow:hidden;"></div>
 </div>
 
diff --git a/src/lib/palette/palette.component.scss b/src/lib/palette/palette.component.scss
index 65d2b5c..507fa3a 100644
--- a/src/lib/palette/palette.component.scss
+++ b/src/lib/palette/palette.component.scss
@@ -25,6 +25,8 @@
   overflow-x: hidden;
   background-color: white;
   color: white;
+  height:calc(100% - 46px);
+  width:100%;
 }
 
 /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */