From 957ef12ca360fab575ac2ab43a3a7bafee28c211 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Wed, 25 Sep 2024 09:11:53 +0200
Subject: [PATCH] fix: adjust welcome dialog size (#8244)

---
 .../personalDashboard/ConnectSDK.tsx          | 21 +++++++++++--------
 .../personalDashboard/WelcomeDialog.tsx       |  4 ++--
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/frontend/src/component/personalDashboard/ConnectSDK.tsx b/frontend/src/component/personalDashboard/ConnectSDK.tsx
index f8314eae337b..9d91ae15dace 100644
--- a/frontend/src/component/personalDashboard/ConnectSDK.tsx
+++ b/frontend/src/component/personalDashboard/ConnectSDK.tsx
@@ -1,4 +1,4 @@
-import { Button, styled, Typography } from '@mui/material';
+import { Button, styled } from '@mui/material';
 import type { FC } from 'react';
 
 const TitleContainer = styled('div')(({ theme }) => ({
@@ -35,10 +35,10 @@ export const CreateFlag: FC<{ project: string }> = ({ project }) => {
                 <NeutralCircleContainer>1</NeutralCircleContainer>
                 Create a feature flag
             </TitleContainer>
-            <Typography>
-                <div>The project currently holds no feature toggles.</div>
-                <div>Create a feature flag to get started.</div>
-            </Typography>
+            <div>
+                <p>The project currently holds no feature toggles.</p>
+                <p>Create a feature flag to get started.</p>
+            </div>
             <div>
                 <Button href={`projects/${project}`} variant='contained'>
                     Go to project
@@ -56,10 +56,13 @@ export const ConnectSDK: FC<{ project: string }> = ({ project }) => {
                 <NeutralCircleContainer>2</NeutralCircleContainer>
                 Connect an SDK
             </TitleContainer>
-            <Typography>
-                Your project is not yet connected to any SDK. In order to start
-                using your feature flag connect an SDK to the project.
-            </Typography>
+            <div>
+                <p>Your project is not yet connected to any SDK.</p>
+                <p>
+                    In order to start using your feature flag connect an SDK to
+                    the project.
+                </p>
+            </div>
             <div>
                 <Button href={`projects/${project}`} variant='contained'>
                     Go to project
diff --git a/frontend/src/component/personalDashboard/WelcomeDialog.tsx b/frontend/src/component/personalDashboard/WelcomeDialog.tsx
index a74ff7a196a7..178a7a6dadd6 100644
--- a/frontend/src/component/personalDashboard/WelcomeDialog.tsx
+++ b/frontend/src/component/personalDashboard/WelcomeDialog.tsx
@@ -10,8 +10,8 @@ import { formatAssetPath } from 'utils/formatPath';
 const StyledDialog = styled(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadiusLarge,
-        maxWidth: theme.spacing(140),
-        width: '100%',
+        width: '65vw',
+        maxWidth: '1800px',
         backgroundColor: 'transparent',
     },
     padding: 0,