diff --git a/src/renderer/components/+welcome/welcome.scss b/src/renderer/components/+welcome/welcome.scss index 94bf713192..f58b21cc7d 100644 --- a/src/renderer/components/+welcome/welcome.scss +++ b/src/renderer/components/+welcome/welcome.scss @@ -71,4 +71,10 @@ text-decoration: underline; } } + + .BannerCarouselWrapper { + border-radius: var(--border-radius); + display: inline-block; + overflow: hidden; + } } diff --git a/src/renderer/components/+welcome/welcome.tsx b/src/renderer/components/+welcome/welcome.tsx index 8c8e3f231a..512b3845e0 100644 --- a/src/renderer/components/+welcome/welcome.tsx +++ b/src/renderer/components/+welcome/welcome.tsx @@ -33,10 +33,10 @@ export const defaultWidth = 320; @observer export class Welcome extends React.Component { render() { - const welcomeBanner = WelcomeBannerRegistry.getInstance().getItems(); + const welcomeBanners = WelcomeBannerRegistry.getInstance().getItems(); // if there is banner with specified width, use it to calculate the width of the container - const maxWidth = welcomeBanner.reduce((acc, curr) => { + const maxWidth = welcomeBanners.reduce((acc, curr) => { const currWidth = curr.width ?? 0; if (acc > currWidth) { @@ -49,10 +49,10 @@ export class Welcome extends React.Component { return (