diff --git a/angular.json b/angular.json
index ea31ee4..bca2ab8 100644
--- a/angular.json
+++ b/angular.json
@@ -46,7 +46,7 @@
               "src/robots.txt"
             ],
             "styles": [
-              "src/styles.css",
+              "src/styles.less",
               "src/material.scss"
             ],
             "scripts": [
@@ -182,7 +182,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
-              "src/styles.css"
+              "src/styles.less"
             ],
             "scripts": [],
             "assets": [
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 032b91a..a246608 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 032b91ae7a78ccad72a3a02a9463f6df5d00d223
+Subproject commit a2466083683df7dfafb074221b27189bfbed9565
diff --git a/src/assets/portal-custom.css b/src/assets/portal-custom.css
index 9e650dd..6dc0cec 100644
--- a/src/assets/portal-custom.css
+++ b/src/assets/portal-custom.css
@@ -68,3 +68,8 @@
 .number {
     color: #1d1d1d;
 }
+
+.search-form {
+  background-color: inherit !important;
+  background-image: none !important;
+}
\ No newline at end of file
diff --git a/src/beta/index.html b/src/beta/index.html
index 58bad9a..2a66f91 100644
--- a/src/beta/index.html
+++ b/src/beta/index.html
@@ -42,7 +42,7 @@
   <title>EOSC Explore</title>
 </head>
 <body>
-<div class="uk-badge" style="border: 0px; border-radius: 0px; background-color: #bc2300 !important;   position: absolute; z-index: 1000;">Beta instance</div>
+<div class="uk-badge" style="border: 0px; border-radius: 0px; background: #bc2300 !important;   position: absolute; z-index: 1000;">Beta instance</div>
 <div class="uk-offcanvas-content uk-height-viewport">
   <eosc-common-main-header></eosc-common-main-header>
 
diff --git a/src/index.html b/src/index.html
index cb3c6e4..2d005f6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -43,7 +43,7 @@
       <title>Search OpenAIRE</title>
    </head>
     <body>
-    <div class="uk-badge" style="border: 0px; border-radius: 0px; background-color: #bc2300 !important;   position: absolute; z-index: 1000;">Beta instance</div>
+    <div class="uk-badge" style="border: 0px; border-radius: 0px; background: #bc2300 !important;   position: absolute; z-index: 1000;">Beta instance</div>
       <div class="uk-offcanvas-content uk-height-viewport">
         <eosc-common-main-header></eosc-common-main-header>
            <app-root></app-root>
diff --git a/src/styles.css b/src/styles.css
deleted file mode 100644
index 1b07fdc..0000000
--- a/src/styles.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@import "assets/openaire-theme/css/import.css";
-@import "assets/common-assets/library.css";
-@import "assets/portal-custom.css";
diff --git a/src/styles.less b/src/styles.less
new file mode 100644
index 0000000..ebb671c
--- /dev/null
+++ b/src/styles.less
@@ -0,0 +1,12 @@
+///* You can add global styles to this file, and also import other style files */
+//@import "assets/openaire-theme/css/import.css";
+//@import "assets/common-assets/library.css";
+//@import "assets/portal-custom.css";
+
+/* You can add global styles to this file, and also import other style files */
+@import "~src/assets/openaire-theme/less/_import";
+@import "~src/assets/common-assets/less/general";
+@import "~src/assets/common-assets/less/user";
+@import "~src/assets/common-assets/less/linking";
+@import "~src/assets/common-assets/less/landing";
+@import "assets/portal-custom.css";
\ No newline at end of file
