diff --git a/common/common.scss b/common/common.scss
index 9434984..f77f587 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -21,7 +21,7 @@
 .user-card-directory {
   display: grid;
   grid-template-columns: 1fr;
-  grid-gap: 60px 20px;
+  grid-gap: 100px 20px;
   margin-top: 60px;
 
   @media only screen and (min-width: 500px) {
@@ -29,11 +29,13 @@
   }
 
   .user-card-container {
-    margin: 60px 20px;
     margin-bottom: auto;
     width: 100%;
+    height: 100%;
     background-color: var(--secondary);
     box-shadow: var(--shadow-card);
+    display: flex;
+    flex-direction: column;
   }
 
   .user-card {
@@ -54,7 +56,8 @@
 
   .user-card-directory-footer {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
+    margin-top: auto;
     padding: 0.75em;
     background-color: var(--secondary);
     gap: 0.25em;