From 5b1957dbd4e4c2665e8c324a2ea251e1dd2c04c6 Mon Sep 17 00:00:00 2001
From: Peter Xu <peterxura@gmail.com>
Date: Fri, 2 Aug 2019 10:39:05 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Welcome:=20Remove=20vertical=20s?=
 =?UTF-8?q?croll=20bars=20during=20animation:=20fixes=20brave/brave-browse?=
 =?UTF-8?q?r#5520?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/brave_welcome_ui/components/wrapper/index.ts | 1 +
 components/brave_welcome_ui/containers/app.tsx          | 6 +++---
 components/brave_welcome_ui/stories/page/index.tsx      | 6 +++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/brave_welcome_ui/components/wrapper/index.ts b/components/brave_welcome_ui/components/wrapper/index.ts
index 44d4b62d82e0..8a828710b6a9 100644
--- a/components/brave_welcome_ui/components/wrapper/index.ts
+++ b/components/brave_welcome_ui/components/wrapper/index.ts
@@ -86,6 +86,7 @@ export const Content = styled<ContentProps, 'section'>('section')`
 `
 
 export const Page = styled<{}, 'div'>('div')`
+  position: absolute;
   width: inherit;
   height: inherit;
   display: flex;
diff --git a/components/brave_welcome_ui/containers/app.tsx b/components/brave_welcome_ui/containers/app.tsx
index 9ea3a047cf67..3e8e9a77be1c 100644
--- a/components/brave_welcome_ui/containers/app.tsx
+++ b/components/brave_welcome_ui/containers/app.tsx
@@ -85,10 +85,10 @@ export class WelcomePage extends React.Component<Props, State> {
     const { welcomeData, actions } = this.props
     return (
       <>
-        <BackgroundContainer>
-          <Background/>
-        </BackgroundContainer>
         <Page id='welcomePage'>
+          <BackgroundContainer>
+            <Background/>
+          </BackgroundContainer>
           <Panel>
             <SlideContent>
               <WelcomeBox index={1} currentScreen={this.currentScreen} onClick={this.onClickLetsGo} />
diff --git a/components/brave_welcome_ui/stories/page/index.tsx b/components/brave_welcome_ui/stories/page/index.tsx
index ffe2f62b881c..33c96b22af4c 100644
--- a/components/brave_welcome_ui/stories/page/index.tsx
+++ b/components/brave_welcome_ui/stories/page/index.tsx
@@ -119,10 +119,10 @@ export default class WelcomePage extends React.PureComponent<Props, State> {
     const { isDefaultSearchGoogle } = this.props
     return (
       <>
-        <BackgroundContainer>
-          <Background />
-        </BackgroundContainer>
         <Page>
+          <BackgroundContainer>
+            <Background />
+          </BackgroundContainer>
           <Panel>
             <SlideContent>
               <WelcomeBox index={1} currentScreen={currentScreen} onClick={this.onClickLetsGo} />