diff --git a/assets/css/code.css b/assets/css/code.css
index 47bf0c75e8ca..08d9346fcc53 100644
--- a/assets/css/code.css
+++ b/assets/css/code.css
@@ -20,7 +20,21 @@
     overflow-wrap: anywhere;
     padding: 0 4px;
     table & {
-      overflow-wrap: nowrap;
+      overflow-wrap: unset;
+    }
+  }
+
+  /* Indented code blocks */
+  :not(.highlight) > pre {
+    @apply my-4 overflow-x-auto p-3;
+    font-size: 0.875em;
+    border: 1px solid;
+    border-radius: theme("spacing.1");
+    background: theme("colors.white");
+    border-color: theme("colors.gray.light.300");
+    .dark & {
+      background: theme("colors.gray.dark.200");
+      border-color: theme("colors.gray.dark.300");
     }
   }
 
diff --git a/hugo_stats.json b/hugo_stats.json
index bed482919fae..058e63d8fe8a 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -274,6 +274,7 @@
       "lg:grid-cols-3",
       "lg:grid-cols-main-lg",
       "lg:hidden",
+      "lg:max-w-[300px]",
       "lg:no-underline",
       "lg:pb-2",
       "lg:scale-100",
@@ -286,7 +287,6 @@
       "max-h-full",
       "max-w-56",
       "max-w-[1400px]",
-      "max-w-[300px]",
       "max-w-[840px]",
       "max-w-full",
       "max-w-none",
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index c422ef2d9b82..b4cc2e57268e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -25,7 +25,7 @@
            $store.showSidebar = false;
          "
       >
-      <div class="max-w-[300px] ml-auto p-2">
+      <div class="w-full max-w-none lg:max-w-[300px] ml-auto p-2">
         {{ block "left" . }}
         {{ end }}
       </div>