diff --git a/dist/app.css b/dist/app.css
index 15ecb62..c3b47e3 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12628,6 +12628,7 @@ section.blue-background-grid svg {
 section.blue-background-grid .blocks {
   display: flex;
   flex-direction: column;
+  gap: 2rem;
 }
 @media (min-width: 992px) {
   section.blue-background-grid .blocks {
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index fda4d59..ebdd9e3 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=70dd4944c819191291fb9595329f064f"
+    "/app.css": "/app.css?id=b58791d423446c6005dc39e0d7cd610f"
 }
diff --git a/src/scss/flex-blue-background-grid.scss b/src/scss/flex-blue-background-grid.scss
index 06b295b..24c2054 100644
--- a/src/scss/flex-blue-background-grid.scss
+++ b/src/scss/flex-blue-background-grid.scss
@@ -24,6 +24,7 @@ section.blue-background-grid {
     .blocks {
         display: flex;
         flex-direction: column;
+        gap: 2rem;
 
         @include media-breakpoint-up(lg) {
             flex-direction: row;