diff --git a/app/templates/home.html b/app/templates/home.html
index 5f9ab4bb2..efea4326c 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -61,25 +61,25 @@ <h2 class="section-heading text-center">
 
         <div class="card-deck">
         <div class="card-group px-5 mx-5">
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://kubernetes.io/" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/kubernetes.png') }}" alt="Kubernetes"></a>
             </div>
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://oscar.grycap.net/" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/oscar.png') }}" alt="OSCAR"></a>
             </div>
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://slurm.schedmd.com/" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/slurm.png') }}" alt="SLURM"></a>
             </div>
           </div>
     
           <div class="card-group px-5 mx-5">
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://galaxyproject.org/" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/galaxy.png') }}" alt="Galaxy"></a>
             </div>
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://www.docker.com/" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/docker.png') }}" alt="Docker"></a>
             </div>
-            <div class="card p-4 text-center bg-light-grey border-0 mb-2 rounded" style="border-radius: 1rem !important;">
+            <div class="card p-4 text-center bg-light-grey border-0 m-1 rounded" style="border-radius: 1rem !important;">
                 <a href="https://jupyter.org/hub" target="_blank"><img class="img-fluid" src="{{ url_for('static', filename='images/jupyterhub.png') }}" alt="JupyterHub"></a>
             </div>
           </div>