From 1db1f76a72b121614b066387cb1062c710668c02 Mon Sep 17 00:00:00 2001
From: Vikrant Gupta <vikrant.thomso@gmail.com>
Date: Wed, 29 May 2024 12:28:37 +0530
Subject: [PATCH] fix: dashboard editor width fixes on large screens (#5101)

* fix: dashboard editor width fixes on large screens

* fix: label fix
---
 .../NewWidget/RightContainer/RightContainer.styles.scss       | 2 +-
 frontend/src/container/NewWidget/styles.ts                    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/container/NewWidget/RightContainer/RightContainer.styles.scss b/frontend/src/container/NewWidget/RightContainer/RightContainer.styles.scss
index b457182ccc..1f081348e5 100644
--- a/frontend/src/container/NewWidget/RightContainer/RightContainer.styles.scss
+++ b/frontend/src/container/NewWidget/RightContainer/RightContainer.styles.scss
@@ -230,7 +230,7 @@
 					line-height: 16px; /* 133.333% */
 					letter-spacing: 0.48px;
 					text-transform: uppercase;
-					width: 50%;
+					width: 60%;
 					padding: 8px;
 				}
 				.input {
diff --git a/frontend/src/container/NewWidget/styles.ts b/frontend/src/container/NewWidget/styles.ts
index 77dc906fb3..54a01817b4 100644
--- a/frontend/src/container/NewWidget/styles.ts
+++ b/frontend/src/container/NewWidget/styles.ts
@@ -10,7 +10,7 @@ export const Container = styled.div`
 
 export const RightContainerWrapper = styled(Col)`
 	&&& {
-		min-width: 200px;
+		min-width: 330px;
 		overflow-y: auto;
 		max-width: 400px;
 		width: 30%;
@@ -26,7 +26,7 @@ interface LeftContainerWrapperProps {
 
 export const LeftContainerWrapper = styled(Col)<LeftContainerWrapperProps>`
 	&&& {
-		width: 70%;
+		min-width: 70%;
 		overflow-y: auto;
 		border-right: ${({ isDarkMode }): string =>
 			isDarkMode