diff --git a/_sass/common/_cards.scss b/_sass/common/_cards.scss
index e7a2de54350205c5d849571612843e276e13d663..c0fb8157b8358691874b2ba916e3ac2ac060343a 100644
--- a/_sass/common/_cards.scss
+++ b/_sass/common/_cards.scss
@@ -1,7 +1,7 @@
 .flex-cards {
     display: flex;
     flex-flow: wrap;
-    justify-content: flex-start;
+    justify-content: center;
 
     margin-top: 0rem;
     margin-bottom: 0rem;
diff --git a/_sass/common/_general.scss b/_sass/common/_general.scss
index ed47892cf23a86fde30ca38f83a4414b9dd1ef84..c27d8ff261dab522bb495ce46d7a89c53f5c8f6e 100644
--- a/_sass/common/_general.scss
+++ b/_sass/common/_general.scss
@@ -95,3 +95,25 @@ h2 {
         width:          100%;
     }
 }
+
+// Replace the HTML details triangle with Fontawesome icons
+summary {
+    list-style: none;
+
+    &::-webkit-details-marker {
+        display: none;
+    }
+}
+details {
+    summary::before {
+        content: "\f138"; // fas fa-chevron-circle-right
+        font-family: "Font Awesome 5 Free";
+        font-weight: 900;
+
+        margin-right: 0.25rem;
+    }
+
+    &[open] summary::before {
+        content: "\f13a"; // fas fa-chevron-circle-down
+    }
+}