diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx
index 52701657b..89eb56c25 100644
--- a/src/routes/Settings.tsx
+++ b/src/routes/Settings.tsx
@@ -219,7 +219,7 @@ export const SettingsRoute: FC = () => {
         </fieldset>
       </div>
 
-      <div className="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8">
+      <div className="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8 text-sm">
         <button
           type="button"
           className="font-semibold cursor-pointer"
diff --git a/src/routes/__snapshots__/Settings.test.tsx.snap b/src/routes/__snapshots__/Settings.test.tsx.snap
index f6916ff5a..3948a30f6 100644
--- a/src/routes/__snapshots__/Settings.test.tsx.snap
+++ b/src/routes/__snapshots__/Settings.test.tsx.snap
@@ -381,7 +381,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
     </fieldset>
   </div>
   <div
-    class="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8"
+    class="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8 text-sm"
   >
     <button
       class="font-semibold cursor-pointer"