From 82d401be1b40c13063c422eb85f32bf52e3912d7 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 29 May 2024 08:55:11 +0200
Subject: [PATCH] fix: get rid of horizontal scrollbar on narrow screens in
 CreateProjectDialog (#7198)

This PR hides horizontal overflow in the dialog.

The pop-up docs that we have on small windows was causing a tiny bit of
overflow, giving us an annoying (and pretty useless) horizontal
scrollbar. We can hide that scrollbar by hiding horizontal overflow.
---
 .../NewCreateProjectForm/CreateProjectDialog.tsx             | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx b/frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx
index 05d747f3a5..87c86c4056 100644
--- a/frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx
+++ b/frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx
@@ -21,7 +21,7 @@ interface ICreateProjectDialogProps {
     onClose: () => void;
 }
 
-const StyledDialog = styled(Dialog)(({ theme, maxWidth }) => ({
+const StyledDialog = styled(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadiusLarge,
         maxWidth: theme.spacing(170),
@@ -29,6 +29,9 @@ const StyledDialog = styled(Dialog)(({ theme, maxWidth }) => ({
         backgroundColor: 'transparent',
     },
     padding: 0,
+    '& .MuiPaper-root > section': {
+        overflowX: 'hidden',
+    },
 }));
 
 const CREATE_PROJECT_BTN = 'CREATE_PROJECT_BTN';