diff --git a/mintlify/style.css b/mintlify/style.css
index e93e0d1ec..6a4ca306e 100644
--- a/mintlify/style.css
+++ b/mintlify/style.css
@@ -1736,6 +1736,19 @@ html.dark [data-testid="code-group-select"] {
   border-radius: 0 !important;
 }
 
+/* Mintlify rounds the content area via a `rounded-xt!` utility that lives in
+   @layer utilities; layered !important beats our unlayered !important no
+   matter the specificity, so this override must join the same layer. Inside
+   the layer the extra `div` type wins the specificity tie against the
+   utility's (0,2,0) selector */
+@layer utilities {
+  .code-group div[data-component-part="code-block-root"],
+  [data-testid="code-group-select"] div[data-component-part="code-block-root"],
+  div:has(> [data-component-part="code-block-header"]) div[data-component-part="code-block-root"] {
+    border-radius: 0 !important;
+  }
+}
+
 /* Restore radius on interactive tabs and pills inside code groups */
 .code-group [data-component-part="code-group-tab-bar"] button div[class*="rounded"],
 .code-group [data-component-part="code-group-tab-bar"] > div > button > div,
@@ -1787,6 +1800,11 @@ html.dark .code-group [class*="dark:bg-codeblock"] {
   background-color: var(--ls-gray-975) !important;
 }
 
+/* Match the scroll fade overlay to the dark code block background */
+[data-fade-overlay] {
+  --fade-color-dark: var(--ls-gray-975) !important;
+}
+
 /* API Reference - Try It input fields */
 #api-playground-input,
 select[class*="text-playground-input"] {