diff --git a/src/lib/components/common/InputText.svelte b/src/lib/components/common/InputText.svelte
index f6a4abfa3..1616439cb 100644
--- a/src/lib/components/common/InputText.svelte
+++ b/src/lib/components/common/InputText.svelte
@@ -4,7 +4,7 @@
   export let value = "";
 </script>
 
-<input type="text" {name} {placeholder} bind:value />
+<input type="text" {name} {placeholder} bind:value on:change />
 
 <style>
   input {
@@ -13,6 +13,7 @@
     justify-content: center;
     align-items: center;
     gap: 0.5rem;
+    width: 100%;
 
     border-radius: 0.5rem;
     border: 1px solid var(--gray-3, hwb(205 60% 30%));
diff --git a/src/lib/components/common/Switch.svelte b/src/lib/components/common/Switch.svelte
index 4f581212f..7c5b55529 100644
--- a/src/lib/components/common/Switch.svelte
+++ b/src/lib/components/common/Switch.svelte
@@ -10,7 +10,11 @@
 </script>
 
 <div class="switch" class:disabled>
-  <button {disabled} role="switch" aria-checked={checked} on:click={handleClick}
+  <button
+    {disabled}
+    role="switch"
+    aria-checked={checked}
+    on:click|preventDefault={handleClick}
   ></button>
   <input {name} type="checkbox" bind:checked class="hidden" />
 </div>