diff --git a/css/80_app.css b/css/80_app.css
index aa95d36cd..ae5043852 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -3622,12 +3622,13 @@ li.issue-fix-item button:not(.actionable) .fix-icon {
     padding: 10px;
 }
 
-.display-control h5 {
+.display-options-container label {
     padding-bottom: 0;
     padding-top: 10px;
 }
 
-.display-control h5 span {
+.display-options-container label span {
+    font-weight: bold;
     margin: 5px;
 }
 
diff --git a/modules/ui/sections/background_display_options.js b/modules/ui/sections/background_display_options.js
index 2e3a44714..7240d1505 100644
--- a/modules/ui/sections/background_display_options.js
+++ b/modules/ui/sections/background_display_options.js
@@ -60,11 +60,10 @@ export function uiSectionBackgroundDisplayOptions(context) {
         var slidersEnter = containerEnter.selectAll('.display-control')
             .data(_sliders)
             .enter()
-            .append('div')
+            .append('label')
             .attr('class', function(d) { return 'display-control display-control-' + d; });
 
         slidersEnter
-            .append('h5')
             .html(function(d) { return t.html('background.' + d); })
             .append('span')
             .attr('class', function(d) { return 'display-option-value display-option-value-' + d; });