From be7493e990c805de262cf581bdfeec6b504e9706 Mon Sep 17 00:00:00 2001
From: George Tsiolis <tsiolis.g@gmail.com>
Date: Wed, 26 Jan 2022 17:10:42 +0200
Subject: [PATCH] Limit desktop editor options width

---
 components/dashboard/src/settings/Preferences.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/dashboard/src/settings/Preferences.tsx b/components/dashboard/src/settings/Preferences.tsx
index 6631460ff4ba56..468adbf99e564f 100644
--- a/components/dashboard/src/settings/Preferences.tsx
+++ b/components/dashboard/src/settings/Preferences.tsx
@@ -126,7 +126,7 @@ export default function Preferences() {
                 {desktopIdeOptions && <>
                     <h3 className="mt-12">Desktop Editor <PillLabel type="warn" className="font-semibold mt-2 py-0.5 px-2 self-center">Beta</PillLabel></h3>
                     <p className="text-base text-gray-500 dark:text-gray-400">Optionally, choose the default desktop editor for opening workspaces.</p>
-                    <div className="my-4 gap-4 flex flex-wrap">
+                    <div className="my-4 gap-4 flex flex-wrap max-w-2xl">
                         {
                             desktopIdeOptions.map(([id, option]) => {
                                 const selected = defaultDesktopIde === id;