fix left class

src/App.vue

@@ -355,7 +355,7 @@ watch(
       <h2 id="presetsMessage" v-if="presets.length == 0">No Presets defined</h2>
       <div id="presetsItems" :class="{ list: view == 'list', grid: view == 'grid' }">
         <button v-for="preset in sortedPresets" :key="preset.id" class="presetItem" :class="{ selected: selectedPreset === preset }" @click="startPreset(preset)">
-          <h3 class="grow left">{{ preset.title || preset.tempo }}</h3>
+          <h3 class="grow">{{ preset.title || preset.tempo }}</h3>
           <h2>{{ preset.tempo }}</h2>
         </button>
       </div>

src/assets/main.css

@@ -246,10 +246,11 @@ input[type="number"] {
 
 #tapButton {
   border-radius: 32px;
+  border: 1px solid var(--gray);
   height: 64px;
   width: 64px;
   margin: -8px;
-  background: var(--secondary);
+  background: var(--white);
   box-shadow: 0 0px 4px var(--shadow);
 }