diff --git a/keepassxc-browser/_locales/en/messages.json b/keepassxc-browser/_locales/en/messages.json
index 59e29b1..08e6b85 100644
--- a/keepassxc-browser/_locales/en/messages.json
+++ b/keepassxc-browser/_locales/en/messages.json
@@ -1003,6 +1003,30 @@
         "message": "The value already exists in the list.",
         "description": "Error shown when trying to add a duplicate value to the list."
     },
+    "optionsUserInterfaceTitle": {
+      "message": "User interface",
+      "description": "User interface title in settings page"
+    },
+    "optionsFillingCredentialsTitle": {
+      "message": "Filling credentials",
+      "description": "Filling credentials title in settings page"
+    },
+    "optionsSavingCredentialsTitle": {
+      "message": "Saving credentials",
+      "description": "Saving credentials title in settings page"
+    },
+    "optionsUpdatesTitle": {
+      "message": "Updates",
+      "description": "Updates title in settings page"
+    },
+    "optionsAdvancedSettingsTitle": {
+      "message": "Advanced settings",
+      "description": "Advanced settings title in settings page"
+    },
+    "optionsExtensionTitle": {
+      "message": "Extension",
+      "description": "Extension title in settings page"
+    },
     "openNewTab": {
         "message": "Opens a new tab",
         "description": "Title attribute text."
diff --git a/keepassxc-browser/options/options.html b/keepassxc-browser/options/options.html
index bfed295..dc518a5 100644
--- a/keepassxc-browser/options/options.html
+++ b/keepassxc-browser/options/options.html
@@ -50,7 +50,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-television" aria-hidden="true"></i>
-                  User interface
+                  <span data-i18n="optionsUserInterfaceTitle"></span>
                 </div>
                 <div class="card-body">
                   <div class="form-group">
@@ -120,7 +120,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-pencil" aria-hidden="true"></i>
-                  Filling credentials
+                  <span data-i18n="optionsFillingCredentialsTitle"></span>
                 </div>
                 <div class="card-body">
                   <div class="form-group">
@@ -174,7 +174,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-save" aria-hidden="true"></i>
-                  Saving credentials
+                  <span data-i18n="optionsSavingCredentialsTitle"></span>
                 </div>
                 <div class="card-body">
                   <div class="form-group">
@@ -223,7 +223,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-clock-o" aria-hidden="true"></i>
-                  Updates
+                  <span data-i18n="optionsUpdatesTitle"></span>
                 </div>
                 <div class="card-body">
                   <div class="help-block kphVersion">
@@ -265,7 +265,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-pencil" aria-hidden="true"></i>
-                  Advanced settings
+                  <span data-i18n="optionsAdvancedSettingsTitle"></span>
                 </div>
                 <div class="card-body">
                   <div class="form-group">
@@ -541,7 +541,7 @@
               <div class="card my-4 shadow">
                 <div class="card-header h6 rounded-0">
                   <i class="fa fa-desktop" aria-hidden="true"></i>
-                  Extension
+                  <span data-i18n="optionsExtensionTitle"></span>
                 </div>
                 <div class="card-body">
                   <p>