diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css
index 5909a9b..1c2b72c 100644
--- a/ckanext/kepa/assets/css/kepa.css
+++ b/ckanext/kepa/assets/css/kepa.css
@@ -15,7 +15,6 @@
 
 .masthead {
   padding: 0 !important;
-  background-color: #1C768F;
 }
 
 .masthead .logo-text {
@@ -102,11 +101,29 @@
   padding: 0;
 }
 
+.search-form .search-input button i {
+  color: white;
+}
+
 .form-control {
   border: none;
   border-radius: 0;
+  margin-right: 0 !important;
+  width: 80%;
 }
 
+.site-search .btn {
+  background-color: white;
+  border: none;
+  border-radius: 0 !important;
+  margin-left: 0 !important;
+}
+
+@media screen and (max-width: 980px) {
+  .form-control {
+    width: 100%;
+  }
+}
 .tags {
   background-color: white;
   height: 55px;
diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map
index d5d31db..83cfd9d 100644
--- a/ckanext/kepa/assets/css/kepa.css.map
+++ b/ckanext/kepa/assets/css/kepa.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC3GI;ED4GJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCpIc;;;ADuIlB;EACI,OCpII;EDqIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCxIQ;EDyIR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC5KI;ED6KJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC1LI;ED2LJ,aCzLG;;;AD4LP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC5Mc;ED6Md;EACA;;;AAGJ;EACI,OClNc;;;ADqNlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OCtGI;;;ADyGR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBC9HI;ED+HJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCvJc;;;AD0JlB;EACI,OCvJI;EDwJJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WC3JQ;ED4JR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC/LI;EDgMJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC7MI;ED8MJ,aC5MG;;;AD+MP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC/Nc;EDgOd;EACA;;;AAGJ;EACI,OCrOc;;;ADwOlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss
index 5f9895f..6a1bc64 100644
--- a/ckanext/kepa/assets/scss/kepa.scss
+++ b/ckanext/kepa/assets/scss/kepa.scss
@@ -17,7 +17,7 @@
 
 .masthead {
     padding: 0 !important;
-    background-color: $primary-color;
+    // background-color: $primary-color;
 }
 
 .masthead .logo-text {
@@ -104,9 +104,28 @@
     padding: 0;
 }
 
+.search-form .search-input button i {
+    color: $white;
+}
+
 .form-control {
     border: none;
     border-radius: 0;
+    margin-right: 0 !important;
+    width: 80%;
+}
+
+.site-search .btn {
+    background-color: white;
+    border: none;
+    border-radius: 0 !important;
+    margin-left: 0 !important;
+}
+
+@media screen and (max-width: 980px) {
+    .form-control {
+        width: 100%;
+    }
 }
 
 .tags {