diff --git a/ui/core/app/templates/application.hbs b/ui/core/app/templates/application.hbs
index 268d4be15..4602a5bd3 100644
--- a/ui/core/app/templates/application.hbs
+++ b/ui/core/app/templates/application.hbs
@@ -32,23 +32,25 @@
 
             <dropdown.separator />
 
-            <Rose::Form as |form|>
-              <form.radioGroup
-                @name="theme"
-                @selectedValue={{this.session.data.theme}}
-                @changed={{route-action "toggleTheme"}}
-              as |radioGroup|>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.system"}} />
-                </dropdown.item>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.light"}} @value="light" />
-                </dropdown.item>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.dark"}} @value="dark" />
-                </dropdown.item>
-              </form.radioGroup>
-            </Rose::Form>
+            <dropdown.section @title={{t "titles.toggle-color-theme"}}>
+              <Rose::Form as |form|>
+                <form.radioGroup
+                  @name="theme"
+                  @selectedValue={{this.session.data.theme}}
+                  @changed={{route-action "toggleTheme"}}
+                as |radioGroup|>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.system"}} />
+                  </dropdown.item>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.light"}} @value="light" />
+                  </dropdown.item>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.dark"}} @value="dark" />
+                  </dropdown.item>
+                </form.radioGroup>
+              </Rose::Form>
+            </dropdown.section>
 
           </utilities.dropdown>
         </header.utilities>
diff --git a/ui/core/translations/en-us.yaml b/ui/core/translations/en-us.yaml
index 58629f229..c1d3bd392 100644
--- a/ui/core/translations/en-us.yaml
+++ b/ui/core/translations/en-us.yaml
@@ -19,6 +19,7 @@ titles:
   actions: Actions
   documentation: Documentation
   abandon-confirm: Discard unsaved changes?
+  toggle-color-theme: Toggle Color Theme
 descriptions:
   empty-set: There are no items to display yet.  You may be able to add items or try back later.
 questions: