diff --git a/docs/about/how_to_contribute.md b/docs/about/how_to_contribute.md
index 024a320d9..7c82b7e84 100644
--- a/docs/about/how_to_contribute.md
+++ b/docs/about/how_to_contribute.md
@@ -13,7 +13,7 @@ Anyone is welcome to contribute towards improving the **ACCESS-Hive user portal*
 <div class="card-container">
     <div class="vertical-card-half-width">
         <div class="vertical-card-image-container white-background">
-           <img class="img-cover" src="/assets/forum-question.jpg">
+           <img class="img-cover" src="/assets/access-nri-support.png">
         </div>
         <div class="vertical-card-text-container">
             <div class="bold">
diff --git a/docs/assets/access-nri-support.png b/docs/assets/access-nri-support.png
new file mode 100644
index 000000000..f3a93c452
Binary files /dev/null and b/docs/assets/access-nri-support.png differ
diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css
index 75d7de236..5fc20d3f3 100644
--- a/docs/css/access-nri.css
+++ b/docs/css/access-nri.css
@@ -587,11 +587,14 @@ h1.homepage {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 0.6em 0.6em 0.3em 0.6em;
   overflow: hidden;
   border-radius: 8px;
 }
 
+.vertical-card-padding {
+  padding: 0.6em 0.6em 0.3em 0.6em;
+}
+
 .vertical-card-image-container > img {
   width: 100%;
   height: 100%;
@@ -622,7 +625,7 @@ h1.homepage {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 0.6em 0 0.6em 0.6em;
+  /* padding: 0.6em 0 0.6em 0.6em; */
   overflow: hidden;
   border-radius: 8px;
 }
diff --git a/docs/models/index.md b/docs/models/index.md
index 35d7587c1..866726a28 100644
--- a/docs/models/index.md
+++ b/docs/models/index.md
@@ -59,55 +59,55 @@ ACCESS models are computer codes comprising complex mathematical representations
 ## ACCESS Model Components
 <div class="card-container">
     <a href="model_components/atmosphere" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERE.png" alt="Atmosphere"></img>
         </div>
         <div class="vertical-card-text-container bold">Atmosphere</div>
     </a>
     <a href="model_components/land" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon LAND SURFACE.png" alt="Land"></img>
         </div>
         <div class="vertical-card-text-container bold">Land</div>
     </a>
     <a href="model_components/ocean" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon OCEAN.png" alt="Ocean"></img>
         </div>
         <div class="vertical-card-text-container bold">Ocean</div>
     </a>
     <a href="model_components/sea-ice" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon SEA ICE.png" alt="Sea Ice"></img>
         </div>
         <div class="vertical-card-text-container bold">Sea Ice</div>
     </a>
     <a href="model_components/aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon AEROSOLS.png" alt="Aerosols"></img>
         </div>
         <div class="vertical-card-text-container bold">Aerosols</div>
     </a>
     <a href="model_components/aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERIC CHEMISTRY.png" alt="Atmospheric Chemistry"></img>
         </div>
         <div class="vertical-card-text-container bold">Atmospheric Chemistry</div>
     </a>
     <a href="model_components/bgc_land" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon BGC LAND.png" alt="Biogeochemistry Land"></img>
         </div>
         <div class="vertical-card-text-container bold">Biogeochemistry Land</div>
     </a>
     <a href="model_components/bgc_ocean" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon BGC OCEAN.png" alt="Biogeochemistry Ocean"></img>
         </div>
         <div class="vertical-card-text-container bold">Biogeochemistry Ocean</div>
     </a>
     <a href="model_components/coupler" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../assets/component-logos/components-without-titles/ACCESS icon COUPLER.png" alt="Coupler"></img>
         </div>
         <div class="vertical-card-text-container bold">Coupler</div>
diff --git a/docs/models/model_components/index.md b/docs/models/model_components/index.md
index 09b97a1f8..110b6913c 100644
--- a/docs/models/model_components/index.md
+++ b/docs/models/model_components/index.md
@@ -2,55 +2,55 @@
 ACCESS model components represent different chemical, physical or biological parts of the Earth System.
 <div class="card-container">
     <a href="atmosphere" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERE.png" alt="Atmosphere"></img>
         </div>
         <div class="vertical-card-text-container">Atmosphere</div>
     </a>
     <a href="land" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon LAND SURFACE.png" alt="Land"></img>
         </div>
         <div class="vertical-card-text-container">Land</div>
     </a>
     <a href="ocean" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon OCEAN.png" alt="Ocean"></img>
         </div>
         <div class="vertical-card-text-container">Ocean</div>
     </a>
     <a href="sea-ice" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon SEA ICE.png" alt="Sea Ice"></img>
         </div>
         <div class="vertical-card-text-container">Sea Ice</div>
     </a>
     <a href="aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon AEROSOLS.png" alt="Aerosols"></img>
         </div>
         <div class="vertical-card-text-container">Aerosols</div>
     </a>
     <a href="aerosols_atmospheric_chemistry" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon ATMOSPHERIC CHEMISTRY.png" alt="Atmospheric Chemistry"></img>
         </div>
         <div class="vertical-card-text-container">Atmospheric Chemistry</div>
     </a>
     <a href="bgc_land" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon BGC LAND.png" alt="Biogeochemistry Land"></img>
         </div>
         <div class="vertical-card-text-container">Biogeochemistry Land</div>
     </a>
     <a href="bgc_ocean" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon BGC OCEAN.png" alt="Biogeochemistry Ocean"></img>
         </div>
         <div class="vertical-card-text-container">Biogeochemistry Ocean</div>
     </a>
     <a href="coupler" class="vertical-card aspect-ratio1to1 component-card">
-        <div class="vertical-card-image-container">
+        <div class="vertical-card-image-container vertical-card-padding">
             <img class="img-contain" src="../../assets/component-logos/components-without-titles/ACCESS icon COUPLER.png" alt="Coupler"></img>
         </div>
         <div class="vertical-card-text-container">Coupler</div>