Scrollbar artifact appearing on SandpackPreview

[neocho]

Bug report

Packages affected

• [ ] sandpack-client
• [X] 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>
    )
}