diff --git a/crates/app/src/public/html/profile/settings.html b/crates/app/src/public/html/profile/settings.html
index b368884..8bdb425 100644
--- a/crates/app/src/public/html/profile/settings.html
+++ b/crates/app/src/public/html/profile/settings.html
@@ -202,6 +202,7 @@
                 </div>
 
                 <div class="card">
+                    {{ user.settings.theme_preference }}
                     <select
                         onchange="set_setting_field('theme_preference', event.target.selectedOptions[0].value)"
                     >
diff --git a/crates/app/src/public/js/atto.js b/crates/app/src/public/js/atto.js
index f166945..e2dbe65 100644
--- a/crates/app/src/public/js/atto.js
+++ b/crates/app/src/public/js/atto.js
@@ -74,6 +74,10 @@ media_theme_pref();
         for (const element of document.querySelectorAll('[selected="false"]')) {
             element.removeAttribute("selected");
         }
+
+        for (const element of document.querySelectorAll('[selected="true"]')) {
+            element.parentElement.value = element.value;
+        }
     });
 
     self.define("rel_date", (_, date) => {