diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
index 4bcf5fb767a..2ae6d13695b 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningCardGrid.vue
@@ -183,7 +183,7 @@
 
 <style lang="scss" scoped>
 
-  $gutters: 16px;
+  $gutters: 32px;
 
   .card-grid-item {
     margin-bottom: $gutters;
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
index 82c8db50e03..e7ebeba4ede 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCardListView.vue
@@ -171,6 +171,10 @@
   $h-padding: 24px;
   $v-padding: 16px;
 
+  a {
+    display: block;
+  }
+
   .card {
     @extend %dropshadow-1dp;
 
@@ -179,7 +183,6 @@
     width: 100%;
     min-height: 246px;
     padding: $v-padding $h-padding;
-    margin-bottom: 24px;
     text-decoration: none;
     vertical-align: top;
     border-radius: 8px;