diff --git a/web/src/components/atomic/ListItem.vue b/web/src/components/atomic/ListItem.vue
index b866bb39d..875f673b2 100644
--- a/web/src/components/atomic/ListItem.vue
+++ b/web/src/components/atomic/ListItem.vue
@@ -1,5 +1,6 @@
 <template>
-  <div
+  <component
+    :is="clickable ? 'button' : 'div'"
     class="
       w-full
       flex
@@ -14,7 +15,7 @@
     :class="{ 'cursor-pointer hover:shadow-md hover:bg-gray-200 dark:hover:bg-dark-gray-800': clickable }"
   >
     <slot />
-  </div>
+  </component>
 </template>
 
 <script lang="ts">