diff --git a/ui/src/dialogs/AddToPlaylistDialog.js b/ui/src/dialogs/AddToPlaylistDialog.js
index 00dbec9b6..7bcbca4ad 100644
--- a/ui/src/dialogs/AddToPlaylistDialog.js
+++ b/ui/src/dialogs/AddToPlaylistDialog.js
@@ -78,6 +78,8 @@ export const AddToPlaylistDialog = () => {
       onClose={handleClickClose}
       onBackdropClick={handleClickClose}
       aria-labelledby="form-dialog-new-playlist"
+      fullWidth={true}
+      maxWidth={'sm'}
     >
       <DialogTitle id="form-dialog-new-playlist">
         {translate('resources.playlist.actions.selectPlaylist')}
diff --git a/ui/src/dialogs/SelectPlaylistInput.js b/ui/src/dialogs/SelectPlaylistInput.js
index 97569484c..552d641fa 100644
--- a/ui/src/dialogs/SelectPlaylistInput.js
+++ b/ui/src/dialogs/SelectPlaylistInput.js
@@ -77,7 +77,7 @@ export const SelectPlaylistInput = ({ onChange }) => {
         return option.name
       }}
       renderOption={(option) => option.name}
-      style={{ width: 300 }}
+      style={{ width: '100%' }}
       freeSolo
       renderInput={(params) => (
         <TextField