diff --git a/core/server/services/mega/template.js b/core/server/services/mega/template.js
index a0a71a4f22..c7a178e11a 100644
--- a/core/server/services/mega/template.js
+++ b/core/server/services/mega/template.js
@@ -467,6 +467,34 @@ figure blockquote p {
     padding-top: 20px;
 }
 
+.kg-video-preview {
+    background-color: #1d1f21;
+    background-image: radial-gradient(circle at center, #5b5f66, #1d1f21);
+    display: block;
+    text-decoration: none !important;
+}
+.kg-video-preview table {
+    background-size: cover;
+}
+.kg-video-play-button {
+    height: 2em;
+    width: 3em;
+    margin: 0 auto;
+    border-radius: 10px;
+    padding: 1em 0.8em 0.6em 1em;
+    font-size: 1em; /* change this to resize */
+    background-color: rgba(0,0,0,0.85);
+}
+.kg-video-play-button div {
+    border-color: transparent transparent transparent white;
+    border-style: solid;
+    border-width: 0.8em 0 0.8em 1.5em;
+    display: block;
+    height: 0;
+    Margin: 0 auto;
+    width: 0;
+}
+
 
 /* -------------------------------------
     HEADER, FOOTER, MAIN
@@ -683,7 +711,7 @@ figure blockquote p {
     table[class=body] .kg-bookmark-thumbnail {
         display: none !important;
     }
-    
+
     table[class=body] .kg-bookmark-metadata span {
         font-size: 13px !important;
     }
@@ -732,7 +760,7 @@ figure blockquote p {
     table[class=body] blockquote + * {
         margin-top: 1.5em !important;
     }
-    
+
     table[class=body] hr {
         margin: 2em 0 !important;
     }
@@ -828,8 +856,8 @@ figure blockquote p {
                                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                                 <tr>
                                                     <td class="post-meta">
-                                                        By ${post.authors} – 
-                                                        ${post.published_at} – 
+                                                        By ${post.authors} –
+                                                        ${post.published_at} –
                                                         <a href="${post.url}" class="view-online-link">View online →</a>
                                                     </td>
                                                 </tr>
@@ -875,4 +903,4 @@ figure blockquote p {
 </body>
 
 </html>`;
-};
\ No newline at end of file
+};
diff --git a/package.json b/package.json
index fa52e460f5..7b274ac213 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "@tryghost/image-transform": "0.2.1",
     "@tryghost/kg-card-factory": "1.0.2",
     "@tryghost/kg-default-atoms": "1.0.0",
-    "@tryghost/kg-default-cards": "1.1.1",
+    "@tryghost/kg-default-cards": "1.2.0",
     "@tryghost/kg-markdown-html-renderer": "1.0.3",
     "@tryghost/kg-mobiledoc-html-renderer": "2.0.1",
     "@tryghost/members-api": "0.18.2",
diff --git a/yarn.lock b/yarn.lock
index 6c9cceb7f1..5719cb6a72 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -403,15 +403,15 @@
   resolved "https://registry.yarnpkg.com/@tryghost/kg-default-atoms/-/kg-default-atoms-1.0.0.tgz#d423a0f19a6989051bd6bbc9c8f104c88bd5c738"
   integrity sha512-f6a8zIoL2w7aeZbeBj+0UPvFzE1Dd/zf3RGO+L4j/Kb4Z/yqOtoBWQun6I2H37XXoaqiiQc6Z3eW+L4iYSw1Ow==
 
-"@tryghost/kg-default-cards@1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-1.1.1.tgz#0ece69f3c6d727daa866bed00d97ebb322812098"
-  integrity sha512-naa2MXQACiSTt/08dPAgZm61OHE4h4jXPtV7vl8TtYieiTylYbhWEE/LYNUxGdiF69iDYxurgbg0Rg8cm8TgpA==
+"@tryghost/kg-default-cards@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-1.2.0.tgz#6b919b4e5bf4d59c71a74bce429f7f41a0e89898"
+  integrity sha512-Xz/xszMs0ulPAb+NCxjtYDYJx/6woYfhJ2DcBM56YugTBAc2T50hflH4SRwHgln7tllWpdmpyMQVUvTCyHcdOg==
   dependencies:
-    "@tryghost/kg-markdown-html-renderer" "^1.0.3"
+    "@tryghost/kg-markdown-html-renderer" "^1.0.4"
     "@tryghost/url-utils" "^0.6.14"
 
-"@tryghost/kg-markdown-html-renderer@1.0.3", "@tryghost/kg-markdown-html-renderer@^1.0.3":
+"@tryghost/kg-markdown-html-renderer@1.0.3":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@tryghost/kg-markdown-html-renderer/-/kg-markdown-html-renderer-1.0.3.tgz#d70bab6af4c52dbb44a3565e26583a568ceb78ba"
   integrity sha512-H/a9hvwCda1gUfjPchBQ7iFHkOb25E1JlAqg/UOK7SKI6zlWMEskdDj78jrfdC14+AP8MasrHKkfsyDaE/Pnbw==
@@ -421,6 +421,16 @@
     markdown-it-lazy-headers "^0.1.3"
     markdown-it-mark "^3.0.0"
 
+"@tryghost/kg-markdown-html-renderer@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@tryghost/kg-markdown-html-renderer/-/kg-markdown-html-renderer-1.0.4.tgz#380c3b485625863a73e675495e53458fc1cc7e1e"
+  integrity sha512-I2CVbnE00ZQc4K9ptbAKTGM3FfwSiJxMeXA52QGjRGVyPICFyw4BVLe9gUFDRradDjkVty63Jl72H6KDtrQd0Q==
+  dependencies:
+    markdown-it "^10.0.0"
+    markdown-it-footnote "^3.0.2"
+    markdown-it-lazy-headers "^0.1.3"
+    markdown-it-mark "^3.0.0"
+
 "@tryghost/kg-mobiledoc-html-renderer@2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@tryghost/kg-mobiledoc-html-renderer/-/kg-mobiledoc-html-renderer-2.0.1.tgz#163eb693d6d3d4f6d1747ba13cd95acb5b912fcd"