[Bug]: Horizontal scroll bar in Canvas hidden by styling

[dexster]

Describe the bug

When using Canvas it will hide most of the horizontal scroll bar for cases where horizontal scrolling is required

With Show Code

Hiding Code

Removing the margin property fixes the issue

To Reproduce

No response

System

System:
    OS: macOS 13.5.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
    npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
  Browsers:
    Edge: 117.0.2045.31
    Safari: 16.6
  npmPackages:
    @storybook/addon-essentials: ^7.4.2 => 7.4.2 
    @storybook/addon-interactions: ^7.4.2 => 7.4.2 
    @storybook/angular: ^7.4.2 => 7.4.2 
    @storybook/core-server: ^7.4.2 => 7.4.2 
    @storybook/jest: ~0.1.0 => 0.1.0 
    @storybook/test-runner: ^0.13.0 => 0.13.0 
    @storybook/testing-library: ~0.2.0 => 0.2.0

Additional context

No response

[Funkycodes]

Seems like a negative margin

[AbdulMohiz-01]

/attempt #24226

[aacode7]

Hi.I'm Asif and I'm new to open source contribution.I wanna contribute to this issue.Please assign me.

[Svvmy]

Hello, I would like to contribute to this issue. How is the contribution for the project going?

[abhisheksharma010]

Hey there! 👋

I'm new to open source and super excited to dive in! I'd love to work on this. Can I be assigned to this issue? 🚀

[supriya-2108]

Hello team please assign this issue to me