diff --git a/src/interface/pages/settings/general.svelte b/src/interface/pages/settings/general.svelte
index 0e046078..c8a6de19 100644
--- a/src/interface/pages/settings/general.svelte
+++ b/src/interface/pages/settings/general.svelte
@@ -28,6 +28,7 @@
 
 <div class="flex flex-col divide-y divide-zinc-100 dark:divide-zinc-700">
   {#each [
+
     {
       title: "Transparency Effects",
       description: "Enables transparency effects on certain elements such as blur. (May impact battery life)",
@@ -107,6 +108,16 @@
         onChange: (isOn: boolean) => settingsState.assessmentsAverage = isOn
       }
     },
+    {
+      title: "Show Letter Grade Instead of Percentage Grade",
+      description: "Shows the letter grade instead of the percentage in subject averages.",
+      id: 8,
+      Component: Switch,
+      props: {
+        state: $settingsState.lettergrade,
+        onChange: (isOn: boolean) => settingsState.lettergrade = isOn
+      }
+    },
     {
       title: "Lesson Alerts",
       description: "Sends a native browser notification ~5 minutes prior to lessons.",
@@ -183,4 +194,4 @@
       </div>
     </div>
   {/if}
-</div>
\ No newline at end of file
+</div>