diff --git a/frontend/src/components/submission_notes/toolbars/AnnotatedSubmissionTopToolbar.vue b/frontend/src/components/submission_notes/toolbars/AnnotatedSubmissionTopToolbar.vue
index 4f42298d67716667d7f9c13158e575d2527e1511..a16a3830f0d8b7acbf6c1276268acb8a2bfdece0 100644
--- a/frontend/src/components/submission_notes/toolbars/AnnotatedSubmissionTopToolbar.vue
+++ b/frontend/src/components/submission_notes/toolbars/AnnotatedSubmissionTopToolbar.vue
@@ -23,9 +23,22 @@
       Score: {{ score }} </span>
     <v-spacer />
     <toggle-feedback-visibility-button />
+    <v-spacer />
     <div v-if="isMarkdown">
-      <v-btn @click="$emit('input', !mathIsRendered)">
-        {{ mathIsRendered ? 'Reset Math' : 'Render Math' }}
+			<v-btn
+				text
+        title="Toggle Math Renderer"
+        :style="{
+					// 'info' color doesn't work here for some reason
+					color: mathIsRendered ? '#4281F5' : 'gray',
+					backgroundColor: mathIsRendered ? '#CCE7FF' : '#E0E0E0'
+				}"
+        @click="$emit('input', !mathIsRendered)"
+      >
+        <v-icon>
+          functions
+          {{ mathIsRendered ? "check_circle_outline" : "highlight_off"}}
+        </v-icon>
       </v-btn>
     </div>
     <v-spacer />