diff --git a/src/components/modals/main/scss/modules/_tab-content.scss b/src/components/modals/main/scss/modules/_tab-content.scss
index 71409db0..2e220222 100644
--- a/src/components/modals/main/scss/modules/_tab-content.scss
+++ b/src/components/modals/main/scss/modules/_tab-content.scss
@@ -148,6 +148,12 @@ table {
         color: t($color);
       }
     }
+    .subtitle {
+      @include themed() {
+        color: t($subColor);
+        font-size: 13px;
+      }
+    }
   }
   .messageAction {
     float: right;
diff --git a/src/components/modals/main/settings/sections/Quote.jsx b/src/components/modals/main/settings/sections/Quote.jsx
index 7fe99aed..77f41786 100644
--- a/src/components/modals/main/settings/sections/Quote.jsx
+++ b/src/components/modals/main/settings/sections/Quote.jsx
@@ -128,6 +128,7 @@ export default class QuoteSettings extends PureComponent {
                       placeholder={variables.getMessage(
                         'modals.main.settings.sections.quote.author',
                       )}
+                      className="subtitle"
                       onChange={(e) => this.customQuote(e, true, index, 'author')}
                       varient="outlined"
                     />