diff --git a/_config.yml b/_config.yml
index 6d2f3ec51..e82796d03 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,7 +4,7 @@ title: RDMkit
 description: "Best practices and guidelines you can use for FAIR management of your research data."
 # Metadata description of the website
 
-remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@3.2.0
+remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@4.0.0
 
 sass:
   style: compressed
diff --git a/_sass/_custom_classes.scss b/_sass/_custom_classes.scss
index e3e2568d1..ab4b02d24 100644
--- a/_sass/_custom_classes.scss
+++ b/_sass/_custom_classes.scss
@@ -171,6 +171,11 @@ section#search-section {
     }
 }
 
+#search-label-tiles {
+    background-color: $light;
+}
+
+
 /*-----Top navigation-----*/
 
 .navbar-nav .nav-item > a {
diff --git a/index.html b/index.html
index 442c69437..cca3b9118 100644
--- a/index.html
+++ b/index.html
@@ -10,14 +10,14 @@
     {% if jekyll.environment == "development" %}{% include dev-info.html %}{% endif %}
     {% include topnav.html search=false %}
     <div class="landingpage">
-        <section class="container mb-5">
+        <section class="container g-lg-5 mb-5">
             <div>
                 <h1>The Research Data Management toolkit for Life Sciences</h1>
                 <p class="text-center mt-2">Best practices and guidelines to help you make your data FAIR (Findable, Accessible, Interoperable and Reusable)</p>
             </div>
         </section>
         <section id="search-section" class="bg-light py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <h2 class="no-anchor text-center mb-3">What can we help you find?</h2>
                     <div class="position-relative">
@@ -34,7 +34,7 @@ <h2 class="no-anchor text-center mb-3">What can we help you find?</h2>
             </div>
         </section>
         <section class="bg-light pb-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="no-anchor text-center mb-3">Browse all topics by</h2>
                 {%- assign sidebar = site.data.sidebars[page.sidebar] %}
                 <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-4">
@@ -56,7 +56,7 @@ <h3 class="card-title no-anchor text-dark">{{folder.title}}</h3>
             </div>
         </section>
         <section class="py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="no-anchor text-center mb-4">Research Data Management at glance</h2>
                 <div class="d-flex">
                     <div class="ratio ratio-16x9 mx-auto" style="max-width: 600px;">
@@ -66,7 +66,7 @@ <h2 class="no-anchor text-center mb-4">Research Data Management at glance</h2>
             </div>
         </section>
         <section class="py-5 bg-light">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <div class="col-lg-2 my-auto">
                         <img class="h-icon-8" src="{{ '/assets/img/section-icons/community.svg' | relative_url }}" alt="Contributors icon">
@@ -84,7 +84,7 @@ <h2>We welcome contributors!</h2>
             </div>
         </section>
         <section class="py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <div class="col-lg-6 pe-lg-4">
                     {% include news.html caption=true title=true limit=3 %}
@@ -111,7 +111,7 @@ <h2>Events</h2>
             </div>
         </section>
         <section class="py-5 bg-light">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="mb-3">RDMkit in numbers</h2>
                 {%- assign contributors = site.data.CONTRIBUTORS %}
                 {%- for page in site.pages %}