diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index bbd3e4b8..a34e38b7 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -3,7 +3,7 @@
   border-radius: 0.5rem;
 
   &__preview {
-    padding: 1.5rem;
+    padding: 1.25rem;
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-width: 0;
@@ -17,7 +17,7 @@
   }
 
   &__tabs {
-    padding: 1rem 1.5rem 0 1.5rem;
+    padding: 1rem 1.25rem 0 1.25rem;
     background-color: rgba($colorBlack, 0.9);
   }
 
@@ -54,7 +54,7 @@
     display: flex;
     justify-content: space-between;
     width: 100%;
-    padding: 0.5rem 1.5rem;
+    padding: 0.5rem 1.25rem;
     font-size: 0.85rem;
     border: 1px solid rgba($colorWhite, 0.1);
     border-bottom-left-radius: inherit;
diff --git a/docs/src/components/LiveDemo/CustomLayout.vue b/docs/src/components/LiveDemo/CustomLayout.vue
index 4df8f6a6..bf817bca 100644
--- a/docs/src/components/LiveDemo/CustomLayout.vue
+++ b/docs/src/components/LiveDemo/CustomLayout.vue
@@ -46,7 +46,7 @@ export default {
   border-radius: 0.5rem 0.5rem 0 0;
 
   &__preview {
-    padding: 1.5rem;
+    padding: 1.25rem;
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-width: 0;
@@ -62,7 +62,7 @@ export default {
     .prism-editor-wrapper {
       overflow: auto;
       max-height: unquote("max(300px, 60vh)");
-      padding: 1.5rem;
+      padding: 1.25rem;
     }
 
     .prism-editor__container {
diff --git a/docs/src/components/LiveDemo/style.scss b/docs/src/components/LiveDemo/style.scss
index 822b6223..cf709170 100644
--- a/docs/src/components/LiveDemo/style.scss
+++ b/docs/src/components/LiveDemo/style.scss
@@ -42,7 +42,7 @@
     display: flex;
     justify-content: space-between;
     width: 100%;
-    padding: 0.5rem 1.5rem;
+    padding: 0.5rem 1.25rem;
     border: 1px solid rgba($colorWhite, 0.1);
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
@@ -51,7 +51,7 @@
   }
 
   &__error {
-    padding: 1rem 1.5rem;
+    padding: 1.25rem;
     color: $colorRed;
     background-color: rgba($colorRed, 0.1);
   }
diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index 5f87bc69..e2629c18 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -44,7 +44,7 @@ pre[class*="language-"] {
   position: relative;
   color: $colorWhite;
   background: $codeBackground;
-  padding: 1.2rem 1.5rem !important;
+  padding: 1.25rem !important;
   border-radius: 0.5rem;
   max-height: unquote("max(300px, 60vh)");
 }
diff --git a/docs/src/templates/DocPage/style.scss b/docs/src/templates/DocPage/style.scss
index 835e570e..b08a90f8 100644
--- a/docs/src/templates/DocPage/style.scss
+++ b/docs/src/templates/DocPage/style.scss
@@ -101,7 +101,7 @@
       & + ul {
         list-style: none;
         border: 1px solid rgba($colorWhite, 0.1);
-        padding: 1.2rem 1.5rem !important;
+        padding: 1.25rem !important;
         border-radius: 0.5rem;
 
         &::before {
@@ -225,7 +225,7 @@
     }
 
     > .remark-container {
-      padding: 1rem;
+      padding: 1.25rem;
       border: 1px solid rgba($colorWhite, 0.1);
       border-radius: 0.5rem;