diff --git a/web/app/src/app.scss b/web/app/src/app.scss
index 7435d9b..174c053 100644
--- a/web/app/src/app.scss
+++ b/web/app/src/app.scss
@@ -38,6 +38,7 @@
   padding: 0;
   margin-top: 0;
   margin-bottom: var(--bulma-control-padding-vertical);
+  color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
 }
 #tags .svelte-tags-input-tag {
   @extend .tag;
diff --git a/web/app/src/routes/+page.svelte b/web/app/src/routes/+page.svelte
index 50d576e..42d5aa9 100644
--- a/web/app/src/routes/+page.svelte
+++ b/web/app/src/routes/+page.svelte
@@ -43,9 +43,11 @@
     <div class="container">
       <div class="columns is-centered">
         <div class="column is-12-tablet is-8-desktop is-8-widescreen">
-          <div class="box has-text-centered">
+          <div class="block has-text-centered">
             <p class="title">shioriko</p>
             <p class="subtitle">a booru-style gallery written in Go and Svelte</p>
+          </div>
+          <div class="box has-text-centered">
             <div class="block">
               <form onsubmit={onSearch}>
                 <div class="field">
diff --git a/web/app/src/routes/auth/login/+page.svelte b/web/app/src/routes/auth/login/+page.svelte
index 07a49e0..03d1133 100644
--- a/web/app/src/routes/auth/login/+page.svelte
+++ b/web/app/src/routes/auth/login/+page.svelte
@@ -22,8 +22,10 @@
 <div class="container">
     <div class="columns is-centered">
         <div class="column is-5-tablet is-4-desktop is-3-widescreen">
-            <div class="box">
+            <div class="block has-text-centered">
                 <p class="title">Login</p>
+            </div>
+            <div class="box">
                 <form onsubmit={doLogin}>
                     <div class="field">
                         <label for="username" class="label">Username</label>
@@ -58,7 +60,7 @@
                     {/if}
                     <div class="field">
                         <div class="control">
-                            <button class="button is-link">Login</button>
+                            <button class="button is-primary">Login</button>
                         </div>
                     </div>
                 </form>
diff --git a/web/app/src/routes/auth/register/+page.svelte b/web/app/src/routes/auth/register/+page.svelte
index 74dbe49..2f33c21 100644
--- a/web/app/src/routes/auth/register/+page.svelte
+++ b/web/app/src/routes/auth/register/+page.svelte
@@ -21,8 +21,10 @@
 <div class="container">
     <div class="columns is-centered">
         <div class="column is-5-tablet is-4-desktop is-3-widescreen">
-            <div class="box">
+            <div class="block has-text-centered">
                 <p class="title">Register</p>
+            </div>
+            <div class="box">
                 <form onsubmit={doRegister}>
                     <div class="field">
                         <label for="email" class="label">Email</label>
@@ -65,7 +67,7 @@
                     </div>
                     <div class="field">
                         <div class="control">
-                            <button class="button is-link">Login</button>
+                            <button class="button is-primary">Register</button>
                         </div>
                     </div>
                 </form>