diff --git a/src/components/FontChange.vue b/src/components/FontChange.vue
index f7eb769..d5ec446 100644
--- a/src/components/FontChange.vue
+++ b/src/components/FontChange.vue
@@ -12,9 +12,8 @@ const fontSizes = Array.from({ length: 7 }, (_, i) => `${9 + i * 2}pt`)
 </script>
 
 <template>
-  <div class="font-change">
+  <div class="font-change" v-if="sortedFontFamilies.length > 0">
     <select
-      v-if="sortedFontFamilies.length > 0"
       class="select"
       :value="store.userSettings?.chosenFontFamily"
       @change="store.setFontFamily(($event.target as HTMLSelectElement).value)"
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index dbe10b4..6ce40f3 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -75,6 +75,7 @@ watch(mode, async (newMode) => {
             new fleeting note
           </button>
         </div>
+        <br />
         <div class="column">
           <font-change />
         </div>