diff --git a/docs/suspensive.org/src/components/Scrollycoding.tsx b/docs/suspensive.org/src/components/Scrollycoding.tsx
index 7a82d0091..4d2643bd6 100644
--- a/docs/suspensive.org/src/components/Scrollycoding.tsx
+++ b/docs/suspensive.org/src/components/Scrollycoding.tsx
@@ -89,7 +89,7 @@ export function Scrollycoding(props: unknown) {
         </div>
 
         <div
-          className="rounded-xl border-2 border-[#ffffff10] bg-[#191919]"
+          className="rounded-xl border-2 border-[#ffffff08] bg-[#ffffff04]"
           style={{ flex: 2 }}
         >
           <div className="scrollbar-none sticky top-16 overflow-auto">
@@ -116,7 +116,7 @@ export function Scrollycoding(props: unknown) {
               className="mb-20 cursor-pointer py-2 opacity-30 blur-lg transition data-[selected=true]:opacity-100 data-[selected=true]:blur-none"
             >
               <h2 className="mb-2 text-lg font-bold">{step.title}</h2>
-              <div className="opacity-90">{step.children}</div>
+              <div className="opacity-75">{step.children}</div>
             </Selectable>
           ))}
         </div>
diff --git a/docs/suspensive.org/src/pages/en/_meta.tsx b/docs/suspensive.org/src/pages/en/_meta.tsx
index 32bd5266b..5bad45258 100644
--- a/docs/suspensive.org/src/pages/en/_meta.tsx
+++ b/docs/suspensive.org/src/pages/en/_meta.tsx
@@ -3,7 +3,7 @@ export default {
     type: 'page',
     display: 'hidden',
     theme: {
-      layout: 'full',
+      layout: 'raw',
     },
   },
   docs: {
diff --git a/docs/suspensive.org/src/pages/ko/_meta.tsx b/docs/suspensive.org/src/pages/ko/_meta.tsx
index 64c86c8ea..be3e9c4fa 100644
--- a/docs/suspensive.org/src/pages/ko/_meta.tsx
+++ b/docs/suspensive.org/src/pages/ko/_meta.tsx
@@ -3,7 +3,7 @@ export default {
     type: 'page',
     display: 'hidden',
     theme: {
-      layout: 'full',
+      layout: 'raw',
     },
   },
   docs: {