diff --git a/ui/package.json b/ui/package.json
index 743c6a7c..c58f1525 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -58,7 +58,7 @@
     "update-workbox": "bin/update-workbox.sh"
   },
   "homepage": ".",
-  "proxy": "http://localhost:4633/",
+  "proxy": "http://127.0.0.1:4633/",
   "eslintConfig": {
     "extends": [
       "react-app",
diff --git a/ui/src/dialogs/AboutDialog.js b/ui/src/dialogs/AboutDialog.js
index bf5c1e1b..046e2eb7 100644
--- a/ui/src/dialogs/AboutDialog.js
+++ b/ui/src/dialogs/AboutDialog.js
@@ -52,12 +52,7 @@ const LinkToVersion = ({ version }) => {
 const AboutDialog = ({ open, onClose }) => {
   const translate = useTranslate()
   return (
-    <Dialog
-      onClose={onClose}
-      onBackdropClick={onClose}
-      aria-labelledby="about-dialog-title"
-      open={open}
-    >
+    <Dialog onClose={onClose} aria-labelledby="about-dialog-title" open={open}>
       <DialogTitle id="about-dialog-title" onClose={onClose}>
         Navidrome Music Server
       </DialogTitle>
diff --git a/ui/src/dialogs/AddToPlaylistDialog.js b/ui/src/dialogs/AddToPlaylistDialog.js
index 02df2fe6..47098f22 100644
--- a/ui/src/dialogs/AddToPlaylistDialog.js
+++ b/ui/src/dialogs/AddToPlaylistDialog.js
@@ -139,7 +139,6 @@ export const AddToPlaylistDialog = () => {
       <Dialog
         open={open}
         onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
         aria-labelledby="form-dialog-new-playlist"
         fullWidth={true}
         maxWidth={'sm'}
diff --git a/ui/src/dialogs/DownloadMenuDialog.js b/ui/src/dialogs/DownloadMenuDialog.js
index f97a4dec..29043159 100644
--- a/ui/src/dialogs/DownloadMenuDialog.js
+++ b/ui/src/dialogs/DownloadMenuDialog.js
@@ -44,7 +44,6 @@ const DownloadMenuDialog = () => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="download-dialog"
       fullWidth={true}
       maxWidth={'sm'}
diff --git a/ui/src/dialogs/DuplicateSongDialog.js b/ui/src/dialogs/DuplicateSongDialog.js
index 7582e007..2648a231 100644
--- a/ui/src/dialogs/DuplicateSongDialog.js
+++ b/ui/src/dialogs/DuplicateSongDialog.js
@@ -21,7 +21,6 @@ const DuplicateSongDialog = ({
     <Dialog
       open={open}
       onClose={handleClickClose}
-      onBackdropClick={handleClickClose}
       aria-labelledby="form-dialog-duplicate-song"
     >
       <DialogTitle id="form-dialog-duplicate-song">
diff --git a/ui/src/dialogs/ExpandInfoDialog.js b/ui/src/dialogs/ExpandInfoDialog.js
index 18cbc075..c94d7e30 100644
--- a/ui/src/dialogs/ExpandInfoDialog.js
+++ b/ui/src/dialogs/ExpandInfoDialog.js
@@ -25,7 +25,6 @@ const ExpandInfoDialog = ({ title, content }) => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="info-dialog-album"
       fullWidth={true}
       maxWidth={'sm'}
diff --git a/ui/src/dialogs/HelpDialog.js b/ui/src/dialogs/HelpDialog.js
index e61fd1f9..bba47381 100644
--- a/ui/src/dialogs/HelpDialog.js
+++ b/ui/src/dialogs/HelpDialog.js
@@ -73,11 +73,7 @@ export const HelpDialog = (props) => {
   return (
     <>
       <GlobalHotKeys keyMap={keyMap} handlers={handlers} allowChanges />
-      <HelpTable
-        open={open}
-        onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
-      />
+      <HelpTable open={open} onClose={handleClickClose} />
     </>
   )
 }
diff --git a/ui/src/dialogs/ListenBrainzTokenDialog.js b/ui/src/dialogs/ListenBrainzTokenDialog.js
index 6ea6000b..571c5af1 100644
--- a/ui/src/dialogs/ListenBrainzTokenDialog.js
+++ b/ui/src/dialogs/ListenBrainzTokenDialog.js
@@ -82,7 +82,6 @@ export const ListenBrainzTokenDialog = ({ setLinked }) => {
       <Dialog
         open={open}
         onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
         aria-labelledby="form-dialog-listenbrainz-token"
         fullWidth={true}
         maxWidth="md"
diff --git a/ui/src/dialogs/ShareDialog.js b/ui/src/dialogs/ShareDialog.js
index b88754a8..3de15fe3 100644
--- a/ui/src/dialogs/ShareDialog.js
+++ b/ui/src/dialogs/ShareDialog.js
@@ -93,7 +93,6 @@ export const ShareDialog = () => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="share-dialog"
       fullWidth={true}
       maxWidth={'sm'}