diff --git a/frontend/src/components/SideBar.vue b/frontend/src/components/SideBar.vue
index 41e57f0..ede4f3f 100644
--- a/frontend/src/components/SideBar.vue
+++ b/frontend/src/components/SideBar.vue
@@ -10,13 +10,11 @@ var visible = ref(true)
   <div class="card flex justify-center">
     <Drawer v-model:visible="visible" header="Drawer">
       <div>
-        <table>
-          <tbody>
-            <tr v-for="(element, index) in elements" :key="index">
-              <td color="white">{{ element }}</td>
-            </tr>
-          </tbody>
-        </table>
+        <ul>
+          <li v-for="item in elements">
+            <p>{{ item }}</p>
+          </li>
+        </ul>
       </div>
     </Drawer>
   </div>