From 9179f652b225f0de5272ea3971ac493df84e072b Mon Sep 17 00:00:00 2001
From: Siddhant Khare <siddhant@gitpod.io>
Date: Tue, 3 Oct 2023 00:59:11 +0530
Subject: [PATCH] [UI] `CreateWorkspace` Overflow bug fix (#18854)

---
 components/dashboard/src/components/DropDown2.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/src/components/DropDown2.tsx b/components/dashboard/src/components/DropDown2.tsx
index 176051e2400bc3..768a617f08f963 100644
--- a/components/dashboard/src/components/DropDown2.tsx
+++ b/components/dashboard/src/components/DropDown2.tsx
@@ -301,7 +301,7 @@ export const DropDown2SelectedElement: FC<DropDown2SelectedElementProps> = ({
                     <>{icon}</>
                 )}
             </div>
-            <div className="flex-col ml-1 flex-grow">
+            <div className="flex-col ml-1 flex-grow max-w-xs">
                 {loading ? (
                     <div className="flex-col space-y-2">
                         <div className="bg-gray-300 dark:bg-gray-500 h-4 w-24 rounded" />
@@ -310,7 +310,7 @@ export const DropDown2SelectedElement: FC<DropDown2SelectedElementProps> = ({
                 ) : (
                     <>
                         <div className="text-gray-700 dark:text-gray-300 font-semibold">{title}</div>
-                        <div className="text-xs text-gray-500 dark:text-gray-400">{subtitle}</div>
+                        <div className="text-xs text-gray-500 dark:text-gray-400 truncate">{subtitle}</div>
                     </>
                 )}
             </div>