diff --git a/client/src/components/content-blocks/CmsDocumentBlock.vue b/client/src/components/content-blocks/CmsDocumentBlock.vue
index c00262e8..3db7f222 100644
--- a/client/src/components/content-blocks/CmsDocumentBlock.vue
+++ b/client/src/components/content-blocks/CmsDocumentBlock.vue
@@ -31,6 +31,7 @@
     display: grid;
     grid-template-columns: 50px 1fr 50px;
     align-items: center;
+    margin-bottom: $large-spacing;
 
     &__icon {
       width: 30px;
diff --git a/client/src/components/content-blocks/ImageBlock.vue b/client/src/components/content-blocks/ImageBlock.vue
index 0adca535..f3be9cdb 100644
--- a/client/src/components/content-blocks/ImageBlock.vue
+++ b/client/src/components/content-blocks/ImageBlock.vue
@@ -20,10 +20,12 @@
 </script>
 
 <style scoped lang="scss">
+  @import "~styles/helpers";
+
   .image-block {
     width: 100%;
     max-width: 100%;
     border-radius: 13px;
-    margin-bottom: 30px;
+    margin-bottom: $large-spacing;
   }
 </style>