Use button component for toggle to aid accessibility

diff --git a/client/components/Toggle.vue b/client/components/Toggle.vue
index 753bef8629a4064d99767ed135e15fb93253b250..c01d8534b9b8173fff6dfaf0f03f8ab62bf7b139 100644 (file)
--- a/client/components/Toggle.vue
+++ b/client/components/Toggle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div
+  <button
     class="flex cursor-pointer items-center text-nowrap rounded bg-theme-background px-2 py-1 text-theme-text-muted"
   >
     <span v-if="label" class="mr-2">{{ label }}</span>
@@ -11,7 +11,7 @@
       height="1em"
       viewBox="2 7 20 10"
     ></SvgIcon>
-  </div>
+  </button>
 </template>
 
 <script setup>