diff --git a/ghost/core/core/frontend/src/cards/css/audio.css b/ghost/core/core/frontend/src/cards/css/audio.css
index b0793f5ffe..4c735c0c2a 100644
--- a/ghost/core/core/frontend/src/cards/css/audio.css
+++ b/ghost/core/core/frontend/src/cards/css/audio.css
@@ -9,7 +9,10 @@
     min-height: 96px;
     border-radius: 6px;
     padding: 4px;
+    background: #fff;
+    color: #222;
     box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
 
 .kg-audio-card+.kg-audio-card {
diff --git a/ghost/core/core/frontend/src/cards/css/file.css b/ghost/core/core/frontend/src/cards/css/file.css
index 165ba035c0..75774cca7d 100644
--- a/ghost/core/core/frontend/src/cards/css/file.css
+++ b/ghost/core/core/frontend/src/cards/css/file.css
@@ -14,11 +14,14 @@
     color: inherit;
     padding: 12px;
     min-height: 92px;
+    background: #fff;
+    color: #222;
     border: 1px solid rgb(124 139 154 / 25%);
     border-radius: 5px;
     transition: all ease-in-out 0.35s;
     text-decoration: none;
     width: 100%;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
 
 .kg-file-card a.kg-file-card-container:hover {
@@ -137,4 +140,4 @@
 
 .kg-file-card + .kg-file-card {
     margin-top: 1em;
-}
\ No newline at end of file
+}
diff --git a/ghost/core/core/frontend/src/cards/css/product.css b/ghost/core/core/frontend/src/cards/css/product.css
index 4bfda77c16..88debe02c7 100644
--- a/ghost/core/core/frontend/src/cards/css/product.css
+++ b/ghost/core/core/frontend/src/cards/css/product.css
@@ -19,8 +19,11 @@
     max-width: 550px;
     padding: 20px;
     width: 100%;
+    background: #fff;
+    color: #222;
     border-radius: 5px;
     box-shadow: inset 0 0 0 1px rgb(124 139 154 / 25%);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
 
 .kg-product-card-image {
@@ -34,7 +37,6 @@
 }
 
 .kg-product-card h4.kg-product-card-title {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     text-decoration: none;
     font-weight: 600;
     font-size: 21px;
@@ -50,7 +52,6 @@
 .kg-product-card .kg-product-card-description p,
 .kg-product-card .kg-product-card-description ol,
 .kg-product-card .kg-product-card-description ul {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     font-size: 14px;
     line-height: 1.5em;
     opacity: .7;
@@ -115,7 +116,6 @@
     display: flex;
     position: static;
     align-items: center;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     line-height: 1em;
diff --git a/ghost/core/core/frontend/src/cards/css/toggle.css b/ghost/core/core/frontend/src/cards/css/toggle.css
index 6a2f5809e9..29d98c1c50 100644
--- a/ghost/core/core/frontend/src/cards/css/toggle.css
+++ b/ghost/core/core/frontend/src/cards/css/toggle.css
@@ -94,4 +94,4 @@
 
 .kg-toggle-card + .kg-toggle-card {
     margin-top: 1em;
-}
\ No newline at end of file
+}