Scrollbar artifact appearing on SandpackPreview

[neocho]

Bug report

Packages affected

• sandpack-client
• sandpack-react

Description of the problem

Hi, I've been trying to get rid of what i think is a scrollbar but haven't been able to do so. This is how i setup the SandpackPreview component below. Any suggestions/tips to fix this?

"use client"

import {
    SandpackCodeEditor,
    SandpackPreview,
    SandpackLayout,
    SandpackConsole,
} from "@codesandbox/sandpack-react";

export const CustomSandpackEditor = ({}) => {
    return (
        <SandpackLayout style={{
            display: "flex",
            flexDirection: "row",
            height: "75vh",
            width: "80vw",
            marginTop: "12px",
            gap: "5px",
        }}>
            <SandpackPreview
                style={{ height: "100%", width: "100%" }}
                showRestartButton={true}
                showRefreshButton={true}
                showOpenInCodeSandbox={false}
                showSandpackErrorOverlay={true}
            />
        </SandpackLayout>
    )
}

[neocho]

Still couldn't figure this one out. Not sure if this is only happening on my machine, but found the same problem on the docs. Might be an issue with the template?