diff --git a/src/assets/views/web-card.mustache b/src/assets/views/web-card.mustache
index 4357560..11ad99f 100644
--- a/src/assets/views/web-card.mustache
+++ b/src/assets/views/web-card.mustache
@@ -1,10 +1,10 @@
 <html lang="en">
-<div class="col-md-4 web-card" id="{{{id}}}">
-    <div class="card mb-4 shadow-sm web-card-background">
-        <div class="card-body  text-center">
+<div class="col-md-4 mb-4 web-card" id="{{{id}}}">
+    <div class="card mb-4 h-100 shadow-sm web-card-background">
+        <div class="card-body d-flex flex-column text-center">
             <h6 class="card-text text-header" style="text-align:center">{{title}}</h6>
             <p class="card-text text-paragraph text-align-left">{{description}} </p>
-            <div class="d-inline-block mx-auto justify-content-between align-items-center web-card-image-background">
+            <div class="d-inline-block mt-auto mx-auto justify-content-between align-items-center web-card-image-background">
                 <img id="collapse-image" class="rounded-circle mx-auto d-block img-fluid"
                      src="{{{imgPath}}}" alt="{{{altText}}}"
                      style="max-height:50px">
