diff --git a/_includes/card.html b/_includes/card.html
index d02d34349..9633eef37 100644
--- a/_includes/card.html
+++ b/_includes/card.html
@@ -1,6 +1,6 @@
 {% capture url %}{% if include.global_url %}{{ include.button_url }}{% else %}{{ include.button_url | relative_url }}{% endif %}{% endcapture %}
-<div class="card text-secondary">
-    <h3 class="heading--base text-secondary">{{ include.title }}</h3>
+<div class="card">
+    <h3 class="heading--base">{{ include.title }}</h3>
     <p>{{ include.description }}</p>
     <div class="mt-auto">
         <a href="{{ url }}" class="button button-inverse mt-4">{{ include.button_text }}</a>
diff --git a/src/styles/buttons.css b/src/styles/buttons.css
index cc210e648..7375abfbf 100644
--- a/src/styles/buttons.css
+++ b/src/styles/buttons.css
@@ -21,7 +21,7 @@
 }
 
 .button:hover {
-    /* @apply bg-primary-800; */
+    @apply bg-primary-700;
 }
 
 .button-secondary {
@@ -38,7 +38,7 @@
 }
 
 .button-inverse:hover {
-    @apply bg-primary-100;
+    @apply bg-primary-200;
 }
 
 .button+.button {
diff --git a/src/styles/cards.css b/src/styles/cards.css
index 8c52a5c5f..2aca0b959 100644
--- a/src/styles/cards.css
+++ b/src/styles/cards.css
@@ -8,7 +8,7 @@
     @apply mb-4 p-6;
     @apply border border-primary-700 rounded;
     @apply bg-white;
-    @apply text-primary;
+    @apply text-secondary;
 }
 
 .card::after {
@@ -16,7 +16,7 @@
     right: calc(100% - 0.5rem);
     height: 100%;
     @apply absolute top-0;
-    @apply border-r border-primary;
+    @apply border-r border-primary-500;
 }
 
     @screen md {