From 88cf1d6232a4ff4443a7d28d8912b9924d3fabe2 Mon Sep 17 00:00:00 2001
From: Henry Heino <46334387+personalizedrefrigerator@users.noreply.github.com>
Date: Sat, 3 Aug 2024 08:43:00 -0700
Subject: [PATCH] Desktop: Fix prompt tag dialog input can be wider than its
 container (#10818)

---
 packages/app-desktop/gui/PromptDialog.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/app-desktop/gui/PromptDialog.tsx b/packages/app-desktop/gui/PromptDialog.tsx
index 1a3248b4a..888c9df68 100644
--- a/packages/app-desktop/gui/PromptDialog.tsx
+++ b/packages/app-desktop/gui/PromptDialog.tsx
@@ -191,6 +191,8 @@ export default class PromptDialog extends React.Component<Props, any> {
 
 		this.styles_.desc = { ...theme.textStyle, marginTop: 10 };
 
+		this.styles_.dialog = { maxWidth: width };
+
 		return this.styles_;
 	}
 
@@ -304,7 +306,7 @@ export default class PromptDialog extends React.Component<Props, any> {
 		}
 
 		return (
-			<Dialog className='prompt-dialog'>
+			<Dialog className='prompt-dialog' contentStyle={styles.dialog}>
 				<label style={styles.label}>{this.props.label ? this.props.label : ''}</label>
 				<div style={{ display: 'inline-block', color: 'black', backgroundColor: theme.backgroundColor }}>
 					{inputComp}