XS⚠️ ◾ Fix Custom Prompt Text Field Width (#224)

* fix width and break long urls

* undo style changes

* Update src/ui/src/components/settings/custom-prompt/PromptForm.tsx

Co-authored-by: Lewis Toh [SSW] <88498002+Lewkans@users.noreply.github.com>

* ensure break word

---------

Co-authored-by: Lewis Toh [SSW] <88498002+Lewkans@users.noreply.github.com>

Author: yaqi-lyu

src/ui/src/components/settings/custom-prompt/PromptForm.tsx

@@ -72,7 +72,7 @@ export const PromptForm = forwardRef<PromptFormRef, PromptFormProps>(
 
     return (
       <Form {...form}>
-        <form className="flex flex-col gap-4 h-full">
+        <form className="flex flex-col gap-4 h-full max-w-full">
           <FormField
             control={form.control}
             name="name"
@@ -121,9 +121,9 @@ export const PromptForm = forwardRef<PromptFormRef, PromptFormProps>(
             control={form.control}
             name="content"
             render={({ field }) => (
-              <FormItem className="flex flex-col flex-1 min-h-0 overflow-hidden">
-                <div className="flex items-center justify-between shrink-0">
-                  <FormLabel>Prompt Instructions</FormLabel>
+              <FormItem className="flex flex-col flex-1 min-h-0 overflow-hidden shrink-0 max-w-full">
+                <div className="flex items-center justify-between">
+                  <FormLabel className="text-white/90 text-sm">Prompt Instructions</FormLabel>
                   <Button
                     type="button"
                     variant="ghost"
@@ -140,7 +140,7 @@ export const PromptForm = forwardRef<PromptFormRef, PromptFormProps>(
                     {...field}
                     placeholder="Enter your custom instructions here..."
                     disabled={isDefault}
-                    className="resize-none flex-1 max-h-50 overflow-y-auto"
+                    className="resize-none flex-1 max-h-50 overflow-y-auto font-mono text-sm bg-black/40 border-white/20 max-w-full wrap-break-word break-normal whitespace-pre-wrap overflow-x-hidden [word-break:break-word]"
                   />
                 </FormControl>
                 <FormDescription>