A bit more styling

5 files changed, 5 insertions, 5 deletions

diff --git a/ui/lib/components/ChangePassword.svelte b/ui/lib/components/ChangePassword.svelte
index 109a83a..51ebccd 100644
--- a/ui/lib/components/ChangePassword.svelte
+++ b/ui/lib/components/ChangePassword.svelte
@@ -22,7 +22,7 @@
   }
 </script>
 
-<form {onsubmit} bind:this={form}>
+<form class="form" {onsubmit} bind:this={form}>
   <label
     >current password
     <input
diff --git a/ui/lib/components/Invites.svelte b/ui/lib/components/Invites.svelte
index 7861448..27d3754 100644
--- a/ui/lib/components/Invites.svelte
+++ b/ui/lib/components/Invites.svelte
@@ -13,7 +13,7 @@
   }
 </script>
 
-<form {onsubmit}>
+<form class="form" {onsubmit}>
   <button type="submit">create invitation</button>
 </form>
 
diff --git a/ui/lib/components/LogIn.svelte b/ui/lib/components/LogIn.svelte
index 7e0f7cd..44aab44 100644
--- a/ui/lib/components/LogIn.svelte
+++ b/ui/lib/components/LogIn.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <div>
-  <form {onsubmit}>
+  <form class="form" {onsubmit}>
     <label for="username">
       username
       <input
diff --git a/ui/lib/components/LogOut.svelte b/ui/lib/components/LogOut.svelte
index 8b182e7..b699cfd 100644
--- a/ui/lib/components/LogOut.svelte
+++ b/ui/lib/components/LogOut.svelte
@@ -13,6 +13,6 @@
   }
 </script>
 
-<form {onsubmit}>
+<form class="form" {onsubmit}>
   <button type="submit">log out</button>
 </form>
diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 0ab9b77..1d6421b 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -12,7 +12,7 @@ label input {
   border: 1px solid var(--colour-input-border);
 }
 
-form > button {
+form.form > button {
   background-color: var(--colour-input-bg);
   padding: 0.25rem;
   border-radius: 0.25rem;