diff --git a/web/src/components/Settings.jsx b/web/src/components/Settings.jsx
index ab6f269..b670c69 100644
--- a/web/src/components/Settings.jsx
+++ b/web/src/components/Settings.jsx
@@ -17,9 +17,7 @@ export default function SettingsDialog() {
   const [open, setOpen] = useState(false)
   const [settings, setSets] = useState({})
   const [show, setShow] = useState(false)
-
-  const { protocol, hostname, port } = window.location
-  const [tsHost, setTSHost] = useState(getTorrServerHost() || `${protocol}//${hostname}${port ? `:${port}` : ''}`)
+  const [tsHost, setTSHost] = useState(getTorrServerHost())
 
   const handleClickOpen = () => setOpen(true)
   const handleClose = () => setOpen(false)
diff --git a/web/src/utils/Hosts.js b/web/src/utils/Hosts.js
index 4970306..cbc05d9 100644
--- a/web/src/utils/Hosts.js
+++ b/web/src/utils/Hosts.js
@@ -1,4 +1,6 @@
-let torrserverHost = process.env.REACT_APP_SERVER_HOST || ''
+const { protocol, hostname, port } = window.location
+
+let torrserverHost = process.env.REACT_APP_SERVER_HOST || `${protocol}//${hostname}${port ? `:${port}` : ''}`
 
 export const torrentsHost = () => `${torrserverHost}/torrents`
 export const viewedHost = () => `${torrserverHost}/viewed`