From 651d90b0ac2cb221d02f60a7e4dbfed72300bba0 Mon Sep 17 00:00:00 2001
From: Dipyaman Biswas <dipyaman@appsmith.com>
Date: Tue, 6 Jun 2023 20:48:26 +0530
Subject: [PATCH] fix: fix alignments with the non super user form (#24114)

## Description
fixes alignments with the non super user form.

#### PR fixes following issue(s)
Fixes #24106
#### Media

![image](https://github.com/appsmithorg/appsmith/assets/26247571/39659c7b-943b-45db-b0ad-a98a098421ef)

![image](https://github.com/appsmithorg/appsmith/assets/26247571/64dc8b39-3295-4c8f-a20c-2fc5bc0f056c)


#### Type of change
- Bug fix (non-breaking change which fixes an issue)
>
>
## Testing
>
#### How Has This Been Tested?
- [x] Manual
- [ ] Jest
- [ ] Cypress
>
>
#### Test Plan
> Add Testsmith test cases links that relate to this PR
>
>
#### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)
>
>
>
## Checklist:
#### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag


#### QA activity:
- [ ] [Speedbreak
features](https://github.com/appsmithorg/TestSmith/wiki/Test-plan-implementation#speedbreaker-features-to-consider-for-every-change)
have been covered
- [ ] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans/_edit#areas-of-interest)
- [ ] Test plan has been peer reviewed by project stakeholders and other
QA members
- [ ] Manually tested functionality on DP
- [ ] We had an implementation alignment call with stakeholders post QA
Round 2
- [ ] Cypress test cases have been added and approved by SDET/manual QA
- [ ] Added `Test Plan Approved` label after Cypress tests were reviewed
- [ ] Added `Test Plan Approved` label after JUnit tests were reviewed
---
 app/client/src/pages/setup/GetStarted.tsx | 4 +++-
 app/client/src/pages/setup/Welcome.tsx    | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/client/src/pages/setup/GetStarted.tsx b/app/client/src/pages/setup/GetStarted.tsx
index 18acea0d1b8..64e7e98f82c 100644
--- a/app/client/src/pages/setup/GetStarted.tsx
+++ b/app/client/src/pages/setup/GetStarted.tsx
@@ -52,6 +52,7 @@ export function SuperUserForm() {
 
 const StyledNonSuperUserForm = styled.form`
   width: 400px;
+  margin-right: 3rem;
 `;
 
 const Space = styled.div`
@@ -117,10 +118,11 @@ function NonSuperUser(
       </DropdownWrapper>
       <ActionContainer>
         <StyledButton
-          className="t--get-started-button"
+          className="w-full t--get-started-button"
           isDisabled={props.invalid}
           kind="primary"
           renderAs="button"
+          size={"md"}
           type="submit"
         >
           {createMessage(WELCOME_ACTION)}
diff --git a/app/client/src/pages/setup/Welcome.tsx b/app/client/src/pages/setup/Welcome.tsx
index 56d857b86ed..7752a203d45 100644
--- a/app/client/src/pages/setup/Welcome.tsx
+++ b/app/client/src/pages/setup/Welcome.tsx
@@ -43,16 +43,17 @@ const StyledBannerHeader = styled.div`
   font-size: 72px;
   margin: 0px 0px;
   font-weight: 600;
-  margin-right: 1rem;
+  margin-right: 3rem;
   width: 100%;
   text-align: center;
+  color: var(--ads-v2-color-fg-emphasis-plus);
 `;
 
 const StyledBannerBody = styled.div`
   font-size: 24px;
   margin: ${(props) => props.theme.spaces[7]}px 0px;
   font-weight: 500;
-  margin-right: 8rem;
+  margin-right: 9rem;
   width: 100%;
   text-align: center;
   color: var(--ads-v2-color-fg);