From f54b4accf08b50eb3023750919ba54e176727430 Mon Sep 17 00:00:00 2001
From: Cavan <waggx002@gmail.com>
Date: Wed, 15 Jul 2020 13:21:16 -0500
Subject: [PATCH 1/3] chore: correct spelling at storyshots/pupeteer ReadMe

---
 addons/storyshots/storyshots-puppeteer/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/storyshots/storyshots-puppeteer/README.md b/addons/storyshots/storyshots-puppeteer/README.md
index ce6919b987a7..acb9eb79e3cb 100644
--- a/addons/storyshots/storyshots-puppeteer/README.md
+++ b/addons/storyshots/storyshots-puppeteer/README.md
@@ -10,7 +10,7 @@ npm install @storybook/addon-storyshots-puppeteer puppeteer --save-dev
 
 ⚠️ As of Storybook 5.3 `puppeteer` is no more included in addon dependencies and must be added to your project directly.
 
-## Configure Storyshots for Puppeteeer tests
+## Configure Storyshots for Puppeteer tests
 
 ⚠️ **React-native** is **not supported** by this test function.
 

From 181241ef4d1a04cf491d88422ca56a0cd336f308 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 16 Jul 2020 15:43:21 +0200
Subject: [PATCH 2/3] FIX scrollbars in flexbar

---
 lib/components/src/bar/bar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/components/src/bar/bar.tsx b/lib/components/src/bar/bar.tsx
index c45a3961cce9..95f4b3cb18e2 100644
--- a/lib/components/src/bar/bar.tsx
+++ b/lib/components/src/bar/bar.tsx
@@ -36,7 +36,7 @@ const Side = styled.div<SideProps>(
 Side.displayName = 'Side';
 
 export const Bar = styled(({ children, className }) => (
-  <ScrollArea horizontal className={className}>
+  <ScrollArea horizontal vertical={false} className={className}>
     {children}
   </ScrollArea>
 ))(
@@ -45,8 +45,9 @@ export const Bar = styled(({ children, className }) => (
     width: '100%',
     height: 40,
     flexShrink: 0,
+    overflow: 'auto',
+    overflowY: 'hidden',
   }),
-
   ({ theme, border }) =>
     border
       ? {
@@ -65,7 +66,6 @@ const BarInner = styled.div<{ bgColor: string }>(({ bgColor }) => ({
   flexShrink: 0,
   height: 40,
   backgroundColor: bgColor || '',
-  overflowX: 'auto',
 }));
 
 export interface FlexBarProps {

From 8654a04de2480ad0971e9f51b508f6fe219cf957 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 16 Jul 2020 16:37:31 +0200
Subject: [PATCH 3/3] CHANGE overlayscrollbar option so the scrollbars are
 visible on hovering over the scrollable area

---
 lib/components/src/ScrollArea/ScrollArea.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/src/ScrollArea/ScrollArea.tsx b/lib/components/src/ScrollArea/ScrollArea.tsx
index f7adaeee9317..ea91f1d4ea76 100644
--- a/lib/components/src/ScrollArea/ScrollArea.tsx
+++ b/lib/components/src/ScrollArea/ScrollArea.tsx
@@ -11,7 +11,7 @@ export interface ScrollProps {
 }
 
 const Scroll = styled(({ vertical, horizontal, ...rest }: ScrollProps) => (
-  <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'scroll' } }} {...rest} />
+  <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'leave' } }} {...rest} />
 ))<ScrollProps>(
   ({ vertical }) =>
     !vertical