From 7a0703ec3f57bb3e6bf33dd310f00485aac09f24 Mon Sep 17 00:00:00 2001
From: Adam Kudrna <adam@adamkudrna.cz>
Date: Fri, 8 Mar 2024 23:00:59 +0100
Subject: [PATCH] Fix Spacing documentation

---
 src/docs/foundation/spacing.md | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/docs/foundation/spacing.md b/src/docs/foundation/spacing.md
index b81116b5..0eda76d2 100644
--- a/src/docs/foundation/spacing.md
+++ b/src/docs/foundation/spacing.md
@@ -40,27 +40,23 @@ For demonstration purposes, all elements that are direct descendants of live
 playgrounds in these docs are given a standard margin on all sides which
 suppresses default spacing behavior described above:
 
-~~~markdown
 ```docoff-react-preview
-  <p>This paragraph will have standard playground margin an all sides.</p>
-  <p>This paragraph will have it too.</p>
+<p>This paragraph will have standard playground margin an all sides.</p>
+<p>This paragraph will have it too.</p>
 ```
-~~~
 
 Once wrapped in a `div`, all elements and components remain unaffected and have
 exactly the same margins as they would have in a real-world React UI project:
 
-~~~markdown
 ```docoff-react-preview
-  <div>
+<div>
     <p>
-      This paragraph will have bottom margin of
-      <code>--rui-dimension-space-bottom-base</code>.
+        This paragraph will have bottom margin of
+        <code>--rui-dimension-space-bottom-base</code>.
     </p>
     <p>
-      This paragraph is a last child of its parent and thus will have no bottom
-      margin.
+        This paragraph is a last child of its parent and thus will have no bottom
+        margin.
     </p>
-  </div>
+</div>
 ```
-~~~