diff --git a/CHANGELOG.md b/CHANGELOG.md
index a83aa2c0a..aa5cc7645 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ Changelog is rather internal in nature. See release notes for the public overvie
   - **Guidance:**
 [#707]: https://github.com/learningequality/kolibri-design-system/pull/707
 
+
 [#625]
   - **Description:** Initial implementation of `KCard` component
   - **Products impact:** New Component
diff --git a/lib/KCard/index.vue b/lib/KCard/index.vue
index 7a9ef2bd0..12556be23 100644
--- a/lib/KCard/index.vue
+++ b/lib/KCard/index.vue
@@ -194,7 +194,7 @@
         */
       stylesAndClasses() {
         /* In px. Needs to be the same as $spacer variable in styles part */
-        const SPACER = 12;
+        const SPACER = 24;
 
         const headingCommonStyles = {
           order: 3,
@@ -300,7 +300,7 @@
 <style lang="scss" scoped>
 
   /* Needs to be the same as SPACER constant in JavaScript part */
-  $spacer: 12px;
+  $spacer: 24px;
 
   /*
       Just couple of comments that are referenced from several places: