From 50fdc128e76d3e484e696358390fb9cd17d73f4e Mon Sep 17 00:00:00 2001
From: Cezar Augusto <boss@cezaraugusto.net>
Date: Fri, 8 Nov 2019 15:35:22 -0300
Subject: [PATCH] Fix alignment on Welcome page content

Content was not centered causing a bad UI. This commit fix that.

fix https://github.com/brave/brave-browser/issues/6846
---
 components/brave_welcome_ui/components/wrapper/index.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/brave_welcome_ui/components/wrapper/index.ts b/components/brave_welcome_ui/components/wrapper/index.ts
index 4b5db6fab30a..49154d407bc1 100644
--- a/components/brave_welcome_ui/components/wrapper/index.ts
+++ b/components/brave_welcome_ui/components/wrapper/index.ts
@@ -73,6 +73,9 @@ export const Content = styled<ContentProps, 'section'>('section')`
   transform: translateX(${p => p.isPrevious ? '-' + p.screenPosition : p.screenPosition}) scale(0.8);
   transition: opacity 600ms, transform 600ms ease-in-out;
   position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
   z-index: ${p => p.zIndex};
   display: flex;
   flex-direction: column;
@@ -81,6 +84,7 @@ export const Content = styled<ContentProps, 'section'>('section')`
   flex: 1;
   max-width: 580px;
   padding: 24px;
+  margin: auto;
 
   /*
     prevents focus on all content's child elements if the parent is not active.