diff --git a/Website/App.tsx b/Website/App.tsx
index 6ef37ad..ac54501 100644
--- a/Website/App.tsx
+++ b/Website/App.tsx
@@ -49,7 +49,10 @@ export default function App(){
                     : <></>}
                 <MonitorJobsList updateList={updateMonitorList} apiUri={apiUri} onStartSearch={() => setShowSearch(true)} onJobsChanged={UpdateList} connectedToBackend={connected} />
             </>
-            : <h1>No connection to backend</h1>}
+            : <>
+                <h1>No connection to the Backend.</h1>
+                <h3>Check the Settings ApiUri.</h3>
+            </>}
         <Footer apiUri={apiUri} connectedToBackend={connected} />
     </div>)
 }
diff --git a/Website/modules/Settings.tsx b/Website/modules/Settings.tsx
index 5acae39..02f565c 100644
--- a/Website/modules/Settings.tsx
+++ b/Website/modules/Settings.tsx
@@ -1,5 +1,5 @@
 import React, {KeyboardEventHandler, useEffect, useState} from 'react';
-import IFrontendSettings from "./interfaces/IFrontendSettings";
+import IFrontendSettings, {FrontendSettingsWith} from "./interfaces/IFrontendSettings";
 import '../styles/settings.css';
 import IBackendSettings from "./interfaces/IBackendSettings";
 import {getData} from "../App";
@@ -78,8 +78,9 @@ export default function Settings({backendConnected, apiUri, settings, changeSett
     }
 
     const SubmitApiUri : KeyboardEventHandler<HTMLInputElement> = (e) => {
+        const newSettings = FrontendSettingsWith(frontendSettings, undefined, e.currentTarget.value);
         if(e.key == "Enter")
-            changeSettings(settings);
+            changeSettings(newSettings);
     }
 
     return (