2 files changed, 9 insertions, 2 deletions
diff --git a/ui/lib/components/LogIn.svelte b/ui/lib/components/LogIn.svelte
index c49ea3b..b491583 100644
--- a/ui/lib/components/LogIn.svelte
+++ b/ui/lib/components/LogIn.svelte
@@ -1,8 +1,8 @@
 <script>
   let { legend = 'sign in', logIn = async (username, password) => {} } = $props();
 
-  let username = $state();
-  let password = $state();
+  let username = $state('');
+  let password = $state('');
   let disabled = $state(false);
 
   async function onsubmit(event) {
diff --git a/ui/tests/lib/components/LogIn.svelte.test.js b/ui/tests/lib/components/LogIn.svelte.test.js
index 00abb5c..0835870 100644
--- a/ui/tests/lib/components/LogIn.svelte.test.js
+++ b/ui/tests/lib/components/LogIn.svelte.test.js
@@ -31,4 +31,11 @@ describe('LogIn', async () => {
       'my very creative and long password',
     );
   });
+
+  it('sends empty strings before being populated', async () => {
+    const signIn = screen.getByRole('button');
+    await user.click(signIn);
+
+    expect(mocks.logIn).toHaveBeenCalledExactlyOnceWith('', '');
+  });
 });