diff --git a/src/tests/__snapshots__/Preferences.test.js.snap b/src/tests/__snapshots__/Preferences.test.js.snap
index 2298024..0974120 100644
--- a/src/tests/__snapshots__/Preferences.test.js.snap
+++ b/src/tests/__snapshots__/Preferences.test.js.snap
@@ -85,6 +85,44 @@ Object {
           </small>
         </div>
         <br />
+        <div
+          class="form-group"
+        >
+          <label
+            class="label-description"
+          >
+            Appearance
+          </label>
+          <select
+            class="form-select form-select-sm"
+            id="fontSizeInput"
+            title="Select font size"
+          >
+            <option
+              value="fs-6"
+            >
+              small
+            </option>
+            <option
+              value="fs-5"
+            >
+              medium
+            </option>
+            <option
+              value="fs-4"
+            >
+              large
+            </option>
+          </select>
+          <small
+            class="form-text text-muted"
+            hmtlfor="fontSizeInput"
+            id="fontSizeHelp"
+          >
+            Specifies the appearance of the user interface
+          </small>
+        </div>
+        <br />
         <div
           class="form-group"
         >
@@ -193,6 +231,44 @@ Object {
         </small>
       </div>
       <br />
+      <div
+        class="form-group"
+      >
+        <label
+          class="label-description"
+        >
+          Appearance
+        </label>
+        <select
+          class="form-select form-select-sm"
+          id="fontSizeInput"
+          title="Select font size"
+        >
+          <option
+            value="fs-6"
+          >
+            small
+          </option>
+          <option
+            value="fs-5"
+          >
+            medium
+          </option>
+          <option
+            value="fs-4"
+          >
+            large
+          </option>
+        </select>
+        <small
+          class="form-text text-muted"
+          hmtlfor="fontSizeInput"
+          id="fontSizeHelp"
+        >
+          Specifies the appearance of the user interface
+        </small>
+      </div>
+      <br />
       <div
         class="form-group"
       >
@@ -358,6 +434,44 @@ Object {
           </small>
         </div>
         <br />
+        <div
+          class="form-group"
+        >
+          <label
+            class="label-description"
+          >
+            Appearance
+          </label>
+          <select
+            class="form-select form-select-sm"
+            id="fontSizeInput"
+            title="Select font size"
+          >
+            <option
+              value="fs-6"
+            >
+              small
+            </option>
+            <option
+              value="fs-5"
+            >
+              medium
+            </option>
+            <option
+              value="fs-4"
+            >
+              large
+            </option>
+          </select>
+          <small
+            class="form-text text-muted"
+            hmtlfor="fontSizeInput"
+            id="fontSizeHelp"
+          >
+            Specifies the appearance of the user interface
+          </small>
+        </div>
+        <br />
         <div
           class="form-group"
         >
@@ -466,6 +580,44 @@ Object {
         </small>
       </div>
       <br />
+      <div
+        class="form-group"
+      >
+        <label
+          class="label-description"
+        >
+          Appearance
+        </label>
+        <select
+          class="form-select form-select-sm"
+          id="fontSizeInput"
+          title="Select font size"
+        >
+          <option
+            value="fs-6"
+          >
+            small
+          </option>
+          <option
+            value="fs-5"
+          >
+            medium
+          </option>
+          <option
+            value="fs-4"
+          >
+            large
+          </option>
+        </select>
+        <small
+          class="form-text text-muted"
+          hmtlfor="fontSizeInput"
+          id="fontSizeHelp"
+        >
+          Specifies the appearance of the user interface
+        </small>
+      </div>
+      <br />
       <div
         class="form-group"
       >
@@ -631,6 +783,44 @@ Object {
           </small>
         </div>
         <br />
+        <div
+          class="form-group"
+        >
+          <label
+            class="label-description"
+          >
+            Appearance
+          </label>
+          <select
+            class="form-select form-select-sm"
+            id="fontSizeInput"
+            title="Select font size"
+          >
+            <option
+              value="fs-6"
+            >
+              small
+            </option>
+            <option
+              value="fs-5"
+            >
+              medium
+            </option>
+            <option
+              value="fs-4"
+            >
+              large
+            </option>
+          </select>
+          <small
+            class="form-text text-muted"
+            hmtlfor="fontSizeInput"
+            id="fontSizeHelp"
+          >
+            Specifies the appearance of the user interface
+          </small>
+        </div>
+        <br />
         <div
           class="form-group"
         >
@@ -739,6 +929,44 @@ Object {
         </small>
       </div>
       <br />
+      <div
+        class="form-group"
+      >
+        <label
+          class="label-description"
+        >
+          Appearance
+        </label>
+        <select
+          class="form-select form-select-sm"
+          id="fontSizeInput"
+          title="Select font size"
+        >
+          <option
+            value="fs-6"
+          >
+            small
+          </option>
+          <option
+            value="fs-5"
+          >
+            medium
+          </option>
+          <option
+            value="fs-4"
+          >
+            large
+          </option>
+        </select>
+        <small
+          class="form-text text-muted"
+          hmtlfor="fontSizeInput"
+          id="fontSizeHelp"
+        >
+          Specifies the appearance of the user interface
+        </small>
+      </div>
+      <br />
       <div
         class="form-group"
       >
@@ -904,6 +1132,44 @@ Object {
           </small>
         </div>
         <br />
+        <div
+          class="form-group"
+        >
+          <label
+            class="label-description"
+          >
+            Appearance
+          </label>
+          <select
+            class="form-select form-select-sm"
+            id="fontSizeInput"
+            title="Select font size"
+          >
+            <option
+              value="fs-6"
+            >
+              small
+            </option>
+            <option
+              value="fs-5"
+            >
+              medium
+            </option>
+            <option
+              value="fs-4"
+            >
+              large
+            </option>
+          </select>
+          <small
+            class="form-text text-muted"
+            hmtlfor="fontSizeInput"
+            id="fontSizeHelp"
+          >
+            Specifies the appearance of the user interface
+          </small>
+        </div>
+        <br />
         <div
           class="form-group"
         >
@@ -1012,6 +1278,44 @@ Object {
         </small>
       </div>
       <br />
+      <div
+        class="form-group"
+      >
+        <label
+          class="label-description"
+        >
+          Appearance
+        </label>
+        <select
+          class="form-select form-select-sm"
+          id="fontSizeInput"
+          title="Select font size"
+        >
+          <option
+            value="fs-6"
+          >
+            small
+          </option>
+          <option
+            value="fs-5"
+          >
+            medium
+          </option>
+          <option
+            value="fs-4"
+          >
+            large
+          </option>
+        </select>
+        <small
+          class="form-text text-muted"
+          hmtlfor="fontSizeInput"
+          id="fontSizeHelp"
+        >
+          Specifies the appearance of the user interface
+        </small>
+      </div>
+      <br />
       <div
         class="form-group"
       >