diff --git a/src/assets/css/global/blocks/code.css b/src/assets/css/global/blocks/code.css
index c88dcba..db95493 100644
--- a/src/assets/css/global/blocks/code.css
+++ b/src/assets/css/global/blocks/code.css
@@ -30,7 +30,7 @@ pre[class*='language-'] {
 pre {
   grid-column: popout !important;
   overflow-x: auto;
-  padding: var(--space-m-l);
+  padding: var(--space-s) var(--space-l);
 }
 
 /* Style Adjustments for <code> within different contexts */
diff --git a/src/assets/css/global/blocks/prose.css b/src/assets/css/global/blocks/prose.css
index e0df431..5c783a4 100644
--- a/src/assets/css/global/blocks/prose.css
+++ b/src/assets/css/global/blocks/prose.css
@@ -18,7 +18,7 @@
 }
 
 .prose :is(h2 + *, h3 + *, h4 + *):not(figure) {
-  --flow-space: var(--space-m);
+  --flow-space: var(--space-l);
 }
 
 .prose .heading-anchor:where(:hover, :focus) {
diff --git a/src/assets/css/global/utilities/grayscale.css b/src/assets/css/global/utilities/grayscale.css
new file mode 100644
index 0000000..062140f
--- /dev/null
+++ b/src/assets/css/global/utilities/grayscale.css
@@ -0,0 +1,3 @@
+.grayscale {
+  filter: grayscale(100%);
+}