force render a gutter

This way we can visualize it a bit better by faking it. We do this in
other spots in the docs as well.

Author: RobinMalfait

src/docs/scrollbar-gutter.mdx

@@ -36,12 +36,12 @@ Use the `scrollbar-gutter-stable` utility to reserve space for the scrollbar eve
       </div>
       <div>
         <p className="mb-3 font-mono text-xs font-medium text-gray-500 dark:text-gray-400">scrollbar-gutter-stable</p>
-        <div className="relative h-40 overflow-auto rounded-lg bg-gray-50 py-4 scrollbar-gutter-stable dark:bg-white/5">
+        <div className="relative h-40 rounded-lg bg-gray-50 py-4 pr-4 scrollbar-gutter-stable dark:bg-white/5">
           <p className="text-justify">
             Hey everyone! It’s almost 2027 and we still don’t know if there are aliens living among us, or do we? Maybe
             the person writing this is an alien. You will never know.
           </p>
-          <div className="absolute top-0 -right-3.5 bottom-0 w-4 rounded-r-lg border bg-[image:repeating-linear-gradient(315deg,currentColor_0,currentColor_1px,transparent_0,transparent_50%)] bg-[size:8px_8px] bg-top-left text-black/10 dark:text-white/12.5"></div>
+          <div className="absolute top-0 right-0 bottom-0 w-4 rounded-r-lg border bg-[image:repeating-linear-gradient(315deg,currentColor_0,currentColor_1px,transparent_0,transparent_50%)] bg-[size:8px_8px] bg-top-left text-black/10 dark:text-white/12.5"></div>
         </div>
       </div>
     </div>