diff --git a/web/src/components/playground/SettingsPanel.js b/web/src/components/playground/SettingsPanel.js
index aea08fe1..4f3ea276 100644
--- a/web/src/components/playground/SettingsPanel.js
+++ b/web/src/components/playground/SettingsPanel.js
@@ -130,6 +130,7 @@ const SettingsPanel = ({
             optionList={groups}
             renderOptionItem={renderGroupOption}
             style={{ width: '100%' }}
+            dropdownStyle={{ width: '100%', maxWidth: '100%' }}
             className="!rounded-lg"
             disabled={customRequestMode}
           />
@@ -159,6 +160,8 @@ const SettingsPanel = ({
             value={inputs.model}
             autoComplete='new-password'
             optionList={models}
+            style={{ width: '100%' }}
+            dropdownStyle={{ width: '100%', maxWidth: '100%' }}
             className="!rounded-lg"
             disabled={customRequestMode}
           />