diff --git a/pages/_includes/cards/ribbon.html b/pages/_includes/cards/ribbon.html
index 22717ef3b..2db2c82f4 100644
--- a/pages/_includes/cards/ribbon.html
+++ b/pages/_includes/cards/ribbon.html
@@ -3,7 +3,7 @@
 
 <div class="card">
 	<div class="card-body p-5">
-		<div class="h-16"></div>
+		<div class="h-10"></div>
 	</div>
 
 	<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" %}{% endif %}</div>
diff --git a/pages/_includes/ui/icon.html b/pages/_includes/ui/icon.html
index 68000c7d0..dded9c6d5 100644
--- a/pages/_includes/ui/icon.html
+++ b/pages/_includes/ui/icon.html
@@ -1,2 +1 @@
-{% assign provider = include.provider | default: "fe" %}
-<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
+{% assign provider = include.provider | default: "fe" %}<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
diff --git a/scss/layout/_grid.scss b/scss/layout/_grid.scss
index 4058be870..1850f6031 100644
--- a/scss/layout/_grid.scss
+++ b/scss/layout/_grid.scss
@@ -2,6 +2,18 @@
   @include make-container-breakpoints();
 }
 
+.row-deck {
+  > .col,
+  > [class*='col-'] {
+    display: flex;
+    align-items: stretch;
+
+    .card {
+      flex: 1 1 auto;
+    }
+  }
+}
+
 @each $name, $value in (0: 0, xs: .25rem, sm: .5rem, lg: 1rem, xl: 1.5rem) {
   .row-#{$name} {
     margin-right: (-$value);
diff --git a/scss/ui/_ribbons.scss b/scss/ui/_ribbons.scss
index 88052e4d1..9c42aa0b4 100644
--- a/scss/ui/_ribbons.scss
+++ b/scss/ui/_ribbons.scss
@@ -5,12 +5,14 @@
   top: .75rem;
   right: -($ribbon-margin);
   z-index: 1;
-  padding: .375rem 1rem;
+  padding: .25rem 1rem;
   font-weight: 600;
   color: #fff;
   text-align: center;
   background: $primary;
   border-color: $primary;
+  font-size: 1rem;
+  line-height: 1.5;
 
   &::before {
     position: absolute;
@@ -101,7 +103,7 @@
     width: 0;
     height: 0;
     content: "";
-    border: 1.125rem solid;
+    border: 1rem solid;
     border-color: inherit;
     border-right-width: 0;
     border-left-color: transparent;
@@ -132,7 +134,7 @@
       right: 0;
       left: 0;
       border-color: inherit;
-      border-width: 1.125rem;
+      border-width: 1rem;
       border-top-width: 0;
       border-bottom-color: transparent;
       border-bottom-width: .75rem;