diff --git a/ui/src/dialogs/AddToPlaylistDialog.jsx b/ui/src/dialogs/AddToPlaylistDialog.jsx
index d1f80a43..91521d1c 100644
--- a/ui/src/dialogs/AddToPlaylistDialog.jsx
+++ b/ui/src/dialogs/AddToPlaylistDialog.jsx
@@ -12,6 +12,7 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
+  makeStyles,
 } from '@material-ui/core'
 import {
   closeAddToPlaylist,
@@ -23,7 +24,21 @@ import DuplicateSongDialog from './DuplicateSongDialog'
 import { httpClient } from '../dataProvider'
 import { REST_URL } from '../consts'
 
+const useStyles = makeStyles({
+  dialogPaper: {
+    height: '26em',
+    maxHeight: '26em',
+  },
+  dialogContent: {
+    height: '17.5em',
+    overflowY: 'auto',
+    paddingTop: '0.5em',
+    paddingBottom: '0.5em',
+  },
+})
+
 export const AddToPlaylistDialog = () => {
+  const classes = useStyles()
   const { open, selectedIds, onSuccess, duplicateSong, duplicateIds } =
     useSelector((state) => state.addToPlaylistDialog)
   const dispatch = useDispatch()
@@ -145,11 +160,14 @@ export const AddToPlaylistDialog = () => {
         aria-labelledby="form-dialog-new-playlist"
         fullWidth={true}
         maxWidth={'sm'}
+        classes={{
+          paper: classes.dialogPaper,
+        }}
       >
         <DialogTitle id="form-dialog-new-playlist">
           {translate('resources.playlist.actions.selectPlaylist')}
         </DialogTitle>
-        <DialogContent>
+        <DialogContent className={classes.dialogContent}>
           <SelectPlaylistInput onChange={handleChange} />
         </DialogContent>
         <DialogActions>
diff --git a/ui/src/dialogs/SelectPlaylistInput.jsx b/ui/src/dialogs/SelectPlaylistInput.jsx
index effbf541..0365e599 100644
--- a/ui/src/dialogs/SelectPlaylistInput.jsx
+++ b/ui/src/dialogs/SelectPlaylistInput.jsx
@@ -36,6 +36,10 @@ const useStyles = makeStyles((theme) => ({
     paddingTop: 0,
     paddingBottom: 0,
   },
+  createIcon: {
+    fontSize: '1.25rem',
+    margin: '9px',
+  },
   selectedPlaylistsContainer: {
     marginTop: theme.spacing(2),
   },
@@ -151,7 +155,7 @@ const CreatePlaylistItem = ({ searchText, onCreateNew }) => {
   return (
     <ListItem className={classes.listItem} button onClick={onCreateNew} dense>
       <ListItemIcon>
-        <AddIcon fontSize="small" />
+        <AddIcon className={classes.createIcon} />
       </ListItemIcon>
       <ListItemText
         primary={translate('resources.playlist.actions.addNewPlaylist', {