diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 4a6330b40a..8928c33c06 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -478,12 +478,12 @@ input[type=checkbox] + .inline-block {
 #settings_page .icon-button .icon-button-icon {
     vertical-align: bottom;
     margin-right: 3px;
-    font-size: 24px;
-    font-weight: 600;
+    margin-bottom: 1px;
+    font-size: 15px;
+    font-weight: 500;
 }
 
 #settings_page .icon-button.primary .icon-button-icon {
-    font-size: 15px;
     font-weight: lighter;
     color: hsl(0, 0%, 100%);
 }
diff --git a/static/templates/settings/settings_save_discard_widget.hbs b/static/templates/settings/settings_save_discard_widget.hbs
index 8892e5b6e5..50d7cea1d2 100644
--- a/static/templates/settings/settings_save_discard_widget.hbs
+++ b/static/templates/settings/settings_save_discard_widget.hbs
@@ -11,7 +11,7 @@
     </div>
     <div class="inline-block subsection-changes-discard">
         <div class="icon-button button discard-button" type="button" id="org-discard-{{section_name}}">
-            <span class="icon-button-icon">×</span>
+            <span class="fa fa-times icon-button-icon"></span>
             <span class="icon-button-text">
                 {{t 'Discard' }}
             </span>