From 1ea70ab029fb30e0ce18086a2cebfb17c3583593 Mon Sep 17 00:00:00 2001
From: Nick Sandstrom <32273437+nick4810@users.noreply.github.com>
Date: Sat, 2 May 2026 12:10:31 -0700
Subject: [PATCH] Fix for FileInput width with long filenames

---
 frontend/src/components/forms/M3U.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/forms/M3U.jsx b/frontend/src/components/forms/M3U.jsx
index 837c35c9..76ca7227 100644
--- a/frontend/src/components/forms/M3U.jsx
+++ b/frontend/src/components/forms/M3U.jsx
@@ -217,7 +217,7 @@ const M3U = ({
 
         <form onSubmit={form.onSubmit(onSubmit)}>
           <Group justify="space-between" align="top">
-            <Stack gap="5" style={{ flex: 1 }}>
+            <Stack gap="5" style={{ flex: 1, minWidth: 0 }}>
               <TextInput
                 style={{ width: '100%' }}
                 id="name"
@@ -317,6 +317,14 @@ const M3U = ({
                     placeholder="Upload files"
                     description="Upload a local M3U file instead of using URL"
                     onChange={setFile}
+                    styles={{
+                      input: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        display: 'block',
+                      },
+                    }}
                   />
 
                   <DateTimePicker