diff --git a/assets/less/zenodo-rdm/elements/segment.overrides b/assets/less/zenodo-rdm/elements/segment.overrides
index cd2a7e0d..14004757 100644
--- a/assets/less/zenodo-rdm/elements/segment.overrides
+++ b/assets/less/zenodo-rdm/elements/segment.overrides
@@ -24,7 +24,8 @@
   }
 }
 
-.sidebar-container, 
+.sidebar-container,
+.segment-container,
 .ui.segment.sidebar-container {
   background-color: @rdmSidebarSegmentColor;
   border: 1px solid @rdmSidebarSegmentBorderColor;
diff --git a/templates/themes/horizon/invenio_communities/details/home/index.html b/templates/themes/horizon/invenio_communities/details/home/index.html
index 13ce6cda..7aca2ec4 100644
--- a/templates/themes/horizon/invenio_communities/details/home/index.html
+++ b/templates/themes/horizon/invenio_communities/details/home/index.html
@@ -50,8 +50,9 @@ <h1 class="ui large header">{{ _("Open repository for EU-funded research (Pilot)
     </div>
   </div>
 
+  <!--RECENT UPLOADS SECTION-->
     {% if records %}
-      <div class="ui stackable theme-font grid container ">
+      <div class="ui stackable theme-font grid container  rel-mb-4">
         <div class="column rel-mb-4">
           <div class="row item">
             <h1 class="ui large header inline">{{ _("Recent uploads") }}</h1>
@@ -71,6 +72,7 @@ <h1 class="ui large header inline">{{ _("Recent uploads") }}</h1>
       </div>
     {% endif %}
 
+    <!--HOW IT WORKS SECTION-->
     <div class="ui stackable theme-font grid container rel-mt-2 rel-mb-5">
       <div class="column">
           <div class="row item">
@@ -79,7 +81,7 @@ <h1 class="ui large header">{{ _("How it works") }}</h1>
           <div class="ui divider  ml-0"></div> 
           <div class="sixteen wide stretched column rel-mt-4">
             <div class="ui equal width grid">
-              <div class="five wide computer sixteen wide mobile  sidebar-container column rel-m-1">
+              <div class="five wide computer sixteen wide mobile  segment-container column rel-m-1">
                 <section>
                   <h1 class="center aligned ui medium header rel-m-1">{{ _("Submit your research") }} </h1>
                   <div class="ui  bottom attached">
@@ -107,7 +109,7 @@ <h1 class="center aligned ui medium header rel-m-1">{{ _("Submit your research")
                   </div>
                 </section>
               </div>
-              <div class="five wide computer sixteen wide mobile  sidebar-container column rel-m-1">
+              <div class="five wide computer sixteen wide mobile  segment-container column rel-m-1">
                 <section>
                   <h1 class=" center aligned ui medium header rel-m-1">{{ _("Get an EC project community") }} </h1>
                   <div class="ui  bottom attached">
@@ -138,7 +140,7 @@ <h1 class=" center aligned ui medium header rel-m-1">{{ _("Get an EC project com
                   </div>
                 </section>
               </div>
-              <div class="five wide computer sixteen wide mobile  sidebar-container column rel-m-1">
+              <div class="five wide computer sixteen wide mobile  segment-container column rel-m-1">
                 <section>
                   <h1 class="center aligned ui medium header rel-m-1">{{ _("About") }} </h1>
                   <div class="ui  bottom attached ">