diff --git a/app/themes/laszlo/assets/css/02-element/code.css b/app/themes/laszlo/assets/css/02-element/code.css
index 7f8709a0..092b6dac 100644
--- a/app/themes/laszlo/assets/css/02-element/code.css
+++ b/app/themes/laszlo/assets/css/02-element/code.css
@@ -1,26 +1,22 @@
 @layer element {
   code {
-    font-family: var(--font-monospace);
-  }
-
-  p > code,
-  li > code,
-  pre > code {
+    color: var(--color-on-surface-variant);
+    border: 1px solid var(--color-outline-variant);
+    border-radius: var(--spacing-1);
+    background: var(--color-surface-container-lowest);
     font: var(--typography-code);
   }
 
   pre > code {
     display: block;
     overflow-x: auto;
+    padding: var(--spacing-5);
   }
 
   :not(pre) > code {
     padding: var(--spacing-1);
     vertical-align: middle;
     word-break: break-word;
-    color: var(--color-on-surface-variant);
-    border-radius: var(--spacing-1);
-    background: var(--color-surface-variant);
     font-size: 0.8em;
   }
 }
diff --git a/app/themes/laszlo/components/ui/code-block/code-block.css b/app/themes/laszlo/components/ui/code-block/code-block.css
index 5f788f7b..e9c5a98e 100644
--- a/app/themes/laszlo/components/ui/code-block/code-block.css
+++ b/app/themes/laszlo/components/ui/code-block/code-block.css
@@ -9,10 +9,6 @@
 
   .code-block__main {
     position: relative;
-    padding: var(--spacing-5);
-    border: 1px solid var(--color-surface-container);
-    border-radius: var(--spacing-2);
-    background-color: var(--color-surface-container-lowest);
   }
 
   .code-block__title {