diff --git a/src/components/options/CategoryChooserComponent.tsx b/src/components/options/CategoryChooserComponent.tsx
index c8abc63c..9a8dd827 100644
--- a/src/components/options/CategoryChooserComponent.tsx
+++ b/src/components/options/CategoryChooserComponent.tsx
@@ -98,6 +98,7 @@ export function CategoryChooserComponent() {
                         id="configurationName"
                         value={configurationName}
                         placeholder={chrome.i18n.getMessage("ConfigurationName")}
+                        style={{width: document.getElementById("channelProfiles")?.clientWidth ?? null}}
                         onChange={(e) => {
                             const newName = e.target.value;
                             getConfig(selectedConfigurationID)!.name = newName;