diff --git a/src/components/__tests__/__snapshots__/ScheduleView.spec.ts.snap b/src/components/__tests__/__snapshots__/ScheduleView.spec.ts.snap
index 35c4d34..c0fa2cb 100644
--- a/src/components/__tests__/__snapshots__/ScheduleView.spec.ts.snap
+++ b/src/components/__tests__/__snapshots__/ScheduleView.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`ScheduleView > mounts 1`] = `
-"<div data-v-eb553fec="" class="v-card v-theme--light v-card--density-default v-card--rounded v-card--variant-elevated mb-4" style="background-color: rgba(255, 255, 255, 0.9);">
+"<div data-v-ff4a98e6="" data-v-eb553fec="" class="v-card v-theme--light v-card--density-default v-card--rounded v-card--variant-elevated mb-4" style="background-color: rgba(255, 255, 255, 0.8);">
   <!---->
   <div class="v-card__loader">
     <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
@@ -18,16 +18,16 @@ exports[`ScheduleView > mounts 1`] = `
   </div>
   <!---->
   <!---->
-  <div class="v-card-title d-print-none">
-    <h1 class="text-h4">Edit Schedule</h1>
+  <div data-v-ff4a98e6="" class="v-card-title d-print-none">
+    <h1 data-v-ff4a98e6="" class="text-h4">Edit Schedule</h1>
   </div>
-  <div class="v-card-text">
-    <p class="d-flex align-center d-print-none mb-4"><i class="mdi-information-box-outline mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><span class="ml-4">Add weeks to your schedule by clicking the button below. Then, add trainings by clicking the appropriate button in the week view. You can move, copy, and drag trainings or weeks to reorder them.</span></p>
+  <div data-v-ff4a98e6="" class="v-card-text">
+    <p data-v-ff4a98e6="" class="d-flex align-center d-print-none mb-4"><i data-v-ff4a98e6="" class="mdi-information-box-outline mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><span data-v-ff4a98e6="" class="ml-4">Add weeks to your schedule by clicking the button below. Then, add trainings by clicking the appropriate button in the week view. You can move, copy, and drag trainings or weeks to reorder them.</span></p>
     <div data-v-eb553fec="" class="v-expansion-panels v-theme--light v-expansion-panels--variant-accordion">
       <!--v-if-->
     </div>
   </div>
-  <div class="v-card-actions"><button data-v-eb553fec="" type="button" class="v-btn v-btn--slim v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text" data-test-id="schedule-add-week-button"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span><span class="v-btn__prepend"><i class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span><span class="v-btn__content" data-no-activator="">Add Week</span>
+  <div data-v-ff4a98e6="" class="v-card-actions"><button data-v-eb553fec="" type="button" class="v-btn v-btn--slim v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text" data-test-id="schedule-add-week-button"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span><span class="v-btn__prepend"><i class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span><span class="v-btn__content" data-no-activator="">Add Week</span>
       <!---->
       <!---->
     </button><button data-v-eb553fec="" type="button" class="v-btn v-btn--slim v-theme--light text-error v-btn--density-default v-btn--size-default v-btn--variant-outlined" data-test-id="schedule-reset-button"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span><span class="v-btn__prepend"><i class="mdi-trash-can-outline mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span><span class="v-btn__content" data-no-activator="">Reset</span>
diff --git a/src/components/__tests__/__snapshots__/SettingsView.spec.ts.snap b/src/components/__tests__/__snapshots__/SettingsView.spec.ts.snap
index a9ab0ca..a9bec6d 100644
--- a/src/components/__tests__/__snapshots__/SettingsView.spec.ts.snap
+++ b/src/components/__tests__/__snapshots__/SettingsView.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`SettingsView > mounts 1`] = `
-"<div data-v-5e0b544f="" class="v-card v-theme--light v-card--density-default v-card--rounded v-card--variant-elevated mb-4" style="background-color: rgba(255, 255, 255, 0.9);">
+"<div data-v-ff4a98e6="" data-v-5e0b544f="" class="v-card v-theme--light v-card--density-default v-card--rounded v-card--variant-elevated mb-4" style="background-color: rgba(255, 255, 255, 0.8);">
   <!---->
   <div class="v-card__loader">
     <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
@@ -18,11 +18,11 @@ exports[`SettingsView > mounts 1`] = `
   </div>
   <!---->
   <!---->
-  <div class="v-card-title d-print-none">
-    <h1 class="text-h4">Schedule Settings</h1>
+  <div data-v-ff4a98e6="" class="v-card-title d-print-none">
+    <h1 data-v-ff4a98e6="" class="text-h4">Schedule Settings</h1>
   </div>
-  <div class="v-card-text">
-    <p class="d-flex align-center d-print-none mb-4"><i class="mdi-information-box-outline mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><span class="ml-4">The settings allow you to, for example, limit the available activity types and set the starting date of the schedule. The settings are saved automatically.</span></p>
+  <div data-v-ff4a98e6="" class="v-card-text">
+    <p data-v-ff4a98e6="" class="d-flex align-center d-print-none mb-4"><i data-v-ff4a98e6="" class="mdi-information-box-outline mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><span data-v-ff4a98e6="" class="ml-4">The settings allow you to, for example, limit the available activity types and set the starting date of the schedule. The settings are saved automatically.</span></p>
     <div data-v-5e0b544f="" class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-text-field v-input--plain-underlined settings-input--wide">
       <!---->
       <div class="v-input__control">