diff --git a/src/components/ExerciseList.vue b/src/components/ExerciseList.vue
index 9d565d4..48c11b1 100644
--- a/src/components/ExerciseList.vue
+++ b/src/components/ExerciseList.vue
@@ -1,9 +1,9 @@
 <template>
     <input type="text" v-model="input" placeholder="Search..." />
     <div class="exerciseList">
-      <li class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
+      <ul class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
         <button class="button">{{ exercise.name }}</button>
-      </li>
+      </ul>
     </div>
 </template>
 
@@ -44,6 +44,8 @@ onMounted(async () => {
       }
     }
     )
+
+  // filter exercises with help from https://blog.logrocket.com/create-search-bar-vue/ last accessed 05.05.2023 
   let input = ref('');
   function filterExercises(){
     return exercises.value.filter((exercise) => {
diff --git a/src/components/NavigationModel.vue b/src/components/NavigationModel.vue
index fdeeed5..da247cb 100644
--- a/src/components/NavigationModel.vue
+++ b/src/components/NavigationModel.vue
@@ -19,6 +19,7 @@
 </script>
 
 <style lang="scss" scoped>
+// styling for the navbar (with reference to https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-flexbox-properties last accessed 05.05.2023)
 .navbar{
     display: flex;
     width: 100%;