diff --git a/source/assets/sass/components/_playground.scss b/source/assets/sass/components/_playground.scss
index 66ede4f..46951c5 100644
--- a/source/assets/sass/components/_playground.scss
+++ b/source/assets/sass/components/_playground.scss
@@ -23,14 +23,6 @@
     display: inherit;
     overflow: inherit;
   }
-
-  .site-footer {
-    --sl-type-margin-block: var(--sl-gutter--quarter);
-
-    p {
-      padding-top: var(--sl-gutter--minus);
-    }
-  }
 }
 
 .sl-r-banner--playground-grid {
diff --git a/source/assets/sass/regions/_footer.scss b/source/assets/sass/regions/_footer.scss
new file mode 100644
index 0000000..935232a
--- /dev/null
+++ b/source/assets/sass/regions/_footer.scss
@@ -0,0 +1,6 @@
+
+.site-footer {
+  --sl-type-margin-block: var(--sl-gutter--quarter);
+  padding-bottom: var(--sl-gutter--half);
+  padding-top: var(--sl-gutter);
+}
diff --git a/source/assets/sass/sass.scss b/source/assets/sass/sass.scss
index a2e62a3..9342cfb 100755
--- a/source/assets/sass/sass.scss
+++ b/source/assets/sass/sass.scss
@@ -34,3 +34,4 @@
 @use 'components/sass-syntax-switcher';
 @use 'components/tables';
 @use 'regions/banner';
+@use 'regions/footer';