From 040392ea34f8fae396841b9eff710e9850e9f276 Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Tue, 30 Jul 2024 22:55:32 +0300
Subject: [PATCH 1/2] adds spacing 24px to the top, right,left and bottom

---
 lib/KCard/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/KCard/index.vue b/lib/KCard/index.vue
index fa55b8a18..1a2a11967 100644
--- a/lib/KCard/index.vue
+++ b/lib/KCard/index.vue
@@ -169,7 +169,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,
@@ -275,7 +275,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:

From c44a864c7b0e671d38ba8c0c517b70dbb035a619 Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Wed, 31 Jul 2024 11:12:36 +0300
Subject: [PATCH 2/2] update changelog

---
 CHANGELOG.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9400d8382..d1fe6d9b5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,16 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 ## Upcoming version 5.x.x (`develop` branch)
 
+[#709]
+  - **Description:**  Update spaces to the latest design`KCard` 
+  - **Products impact:**  Card updates 
+  - **Addresses:** [#704](https://github.com/learningequality/kolibri-design-system/issues/704)
+  - **Components:** `KCard` 
+  - **Breaking:** N0
+  - **Impacts a11y:** No
+  - **Guidance:**
+ [#709] https://github.com/learningequality/kolibri-design-system/pull/709
+
 [#625]
   - **Description:** Initial implementation of `KCard` component
   - **Products impact:** New Component