diff --git a/src/App.svelte b/src/App.svelte
index 3169fff..528708f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -11,6 +11,7 @@
   import Beamershow from "./Beamershow.svelte";
   import Login from "./Login.svelte";
   import Settings from "./Settings.svelte";
+  export let settings_open = false;
   $: is_configured =
     $apikey &&
     $apikey !== "null" &&
@@ -39,9 +40,7 @@
       } else if (command === "c" && e.key === "n") {
         command += "n";
       } else if (command === "cn" && e.key === "f") {
-        clear();
         settings_open = true;
-        is_configured = true;
         command = "";
       } else {
         command = "";
@@ -52,7 +51,7 @@
 </script>
 
 {#if settings_open && is_configured}
-  <Settings />
+  <Settings bind:settings_open />
 {:else if is_configured}
   <Beamershow />
 {:else}