diff --git a/src/components/subtitlesettings/subtitlesettings.template.html b/src/components/subtitlesettings/subtitlesettings.template.html
index f6fae59ecf..b380ffe7e7 100644
--- a/src/components/subtitlesettings/subtitlesettings.template.html
+++ b/src/components/subtitlesettings/subtitlesettings.template.html
@@ -40,7 +40,7 @@
         </h2>
 
         <div style="margin: 2em 0 2em;">
-            <div class="subtitleappearance-preview flex align-items-center justify-content-center" style="border: 1px solid gray; color: black; background: #6A96BD; padding:1em;">
+            <div class="subtitleappearance-preview flex align-items-center justify-content-center" style="margin:2em 0;padding:1.6em;color:black;background:linear-gradient(140deg,#aa5cc3,#00a4dc);">
                 <div class="subtitleappearance-preview-window flex align-items-center justify-content-center" style="width: 90%; padding: .25em;">
                     <div class="subtitleappearance-preview-text flex align-items-center justify-content-center">
                         ${TheseSettingsAffectSubtitlesOnThisDevice}