From 58a1d857a175c2d0c95ab77d35d390a247985514 Mon Sep 17 00:00:00 2001
From: Laurent GAY <l.gay@sd-libre.fr>
Date: Fri, 24 Oct 2025 17:40:29 +0200
Subject: [PATCH] update frontend lib : leaflet + oruga - #1815

---
 package-lock.json                             |  56 +--
 package.json                                  |   8 +-
 src/components/Comment/CommentTree.vue        |   2 +-
 src/components/Comment/EventComment.vue       |   2 +-
 .../Conversations/NewConversation.vue         |   4 +-
 .../Discussion/DiscussionComment.vue          |   2 +-
 src/components/Event/EventActionSection.vue   |   2 +-
 src/components/Event/EventMetadataList.vue    |   2 +-
 .../Event/FullAddressAutoComplete.vue         |  39 +-
 src/components/Feedback/SentryFeedback.vue    |   2 +-
 src/components/Home/SearchFields.vue          |   6 +-
 src/components/Home/ShortSearch.vue           |   2 +-
 .../Participation/NewPrivateMessage.vue       |   2 +-
 .../ParticipationWithoutAccount.vue           |   9 +-
 src/plugins/dateFns.ts                        |   4 +-
 src/views/Admin/AdminUserProfile.vue          |   6 +-
 src/views/Admin/InstancesView.vue             |   2 +-
 src/views/Admin/SettingsView.vue              |   2 +-
 src/views/Conversations/ConversationView.vue  |   2 +-
 src/views/Discussions/CreateView.vue          |   2 +-
 src/views/Discussions/DiscussionView.vue      |   4 +-
 src/views/Group/CreateView.vue                |   2 +-
 src/views/Group/GroupMembers.vue              |   2 +-
 src/views/Group/GroupSettings.vue             |   2 +-
 src/views/OAuth/DeviceActivationView.vue      |   2 +-
 src/views/Posts/EditView.vue                  |   2 +-
 src/views/Resources/ResourceFolder.vue        |   6 +-
 src/views/Settings/AccountSettings.vue        |   2 +-
 src/views/Todos/TodoList.vue                  |   2 +-
 src/views/Todos/TodoLists.vue                 |   2 +-
 src/views/User/LoginView.vue                  |   2 +-
 src/views/User/RegisterView.vue               |   2 +-
 src/views/User/ResendConfirmation.vue         |   2 +-
 src/views/User/SendPasswordReset.vue          |   2 +-
 .../__snapshots__/CommentTree.spec.ts.snap    |   4 +-
 .../__snapshots__/EventComment.spec.ts.snap   |  84 ++---
 .../DiscussionComment.spec.ts.snap            |  64 ++--
 .../EventActionSection.spec.ts.snap           |   6 +-
 .../OrganizerPicker.spec.ts.snap              |   4 +-
 .../OrganizerPickerWrapper.spec.ts.snap       |  10 +-
 .../ParticipationButton.spec.ts.snap          |  56 ++-
 .../ShareEventModal.spec.ts.snap              | 134 +++----
 .../Event/__snapshots__/TagInput.spec.ts.snap |  46 ++-
 .../GroupMemberCard.spec.ts.snap              |  36 +-
 .../__snapshots__/GroupSection.spec.ts.snap   |   4 +-
 .../MobilizonPresentation.spec.ts.snap        |   2 +-
 .../__snapshots__/SearchFields.spec.ts.snap   |   8 +-
 .../ParticipationSection.spec.ts              |   6 +-
 .../ParticipationWithoutAccount.spec.ts.snap  |  42 +--
 .../__snapshots__/SharePostModal.spec.ts.snap |  64 ++--
 .../components/Report/ReportModal.spec.ts     |  11 +-
 .../__snapshots__/ReportModal.spec.ts.snap    |  20 +-
 .../__snapshots__/AuthProviders.spec.ts.snap  |   4 +-
 .../__snapshots__/CreateView.spec.ts.snap     | 114 +++---
 .../__snapshots__/GroupSettings.spec.ts.snap  |   2 +-
 .../__snapshots__/GroupView.spec.ts.snap      |   2 +-
 .../Group/__snapshots__/MyGroups.spec.ts.snap |   2 +-
 .../__snapshots__/TimelineView.spec.ts.snap   | 124 ++++---
 .../specs/views/User/PasswordReset.spec.ts    |   2 +-
 .../specs/views/User/RegisterView.spec.ts     |  10 +-
 .../__snapshots__/RegisterView.spec.ts.snap   |  78 ++--
 .../resendConfirmation.spec.ts.snap           |  20 +-
 .../sendPasswordReset.spec.ts.snap            |  20 +-
 .../settingsOnboard.spec.ts.snap              |  18 +-
 tests/unit/specs/views/User/login.spec.ts     |   1 +
 .../views/User/sendPasswordReset.spec.ts      |   1 +
 .../adminGroupProfile.spec.ts.snap            |  97 ++---
 .../__snapshots__/adminProfile.spec.ts.snap   |  82 +++--
 .../adminUsersProfileView.spec.ts.snap        | 348 ++++++++----------
 .../__snapshots__/groupProfiles.spec.ts.snap  |  50 ++-
 .../__snapshots__/instanceView.spec.ts.snap   |   2 +-
 .../__snapshots__/instancesView.spec.ts.snap  |  52 ++-
 .../__snapshots__/profilesView.spec.ts.snap   |  50 ++-
 .../admin/__snapshots__/settings.spec.ts.snap |   2 +-
 .../__snapshots__/usersView.spec.ts.snap      | 148 ++++----
 75 files changed, 944 insertions(+), 1076 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5a3ce0a61..6ce79cc20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,8 +16,8 @@
         "@fullcalendar/daygrid": "^6.1.10",
         "@fullcalendar/interaction": "^6.1.10",
         "@fullcalendar/vue3": "^6.1.10",
-        "@oruga-ui/oruga-next": "0.8.12",
-        "@oruga-ui/theme-oruga": "^0.2.0",
+        "@oruga-ui/oruga-next": "^0.11.6",
+        "@oruga-ui/theme-oruga": "^0.7.1",
         "@sentry/tracing": "^7.1",
         "@sentry/vue": "^10.21.0",
         "@tiptap/core": "^3.7.2",
@@ -65,7 +65,7 @@
         "intersection-observer": "^0.12.0",
         "jwt-decode": "^4.0.0",
         "leaflet": "^1.4.0",
-        "leaflet.locatecontrol": "^0.79",
+        "leaflet.locatecontrol": "^0.85.1",
         "leaflet.markercluster": "^1.5.3",
         "lodash": "^4.17.11",
         "ngeohash": "^0.6.3",
@@ -96,7 +96,7 @@
         "@tailwindcss/typography": "^0.5.4",
         "@types/hammerjs": "^2.0.41",
         "@types/leaflet": "^1.5.2",
-        "@types/leaflet.locatecontrol": "^0.74",
+        "@types/leaflet.locatecontrol": "^0.82.1",
         "@types/leaflet.markercluster": "^1.5.1",
         "@types/lodash": "^4.14.141",
         "@types/ngeohash": "^0.6.2",
@@ -3055,19 +3055,25 @@
       "license": "MIT"
     },
     "node_modules/@oruga-ui/oruga-next": {
-      "version": "0.8.12",
-      "resolved": "https://registry.npmjs.org/@oruga-ui/oruga-next/-/oruga-next-0.8.12.tgz",
-      "integrity": "sha512-I1jcsTA4J6HQdNpSWgK4cNSqv1cHsghQGtJ12p0yXDSJseek0Y8f4vf9+tDRtfONzWHuRyWUGcHIfePsRKVbiQ==",
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/@oruga-ui/oruga-next/-/oruga-next-0.11.6.tgz",
+      "integrity": "sha512-2ymMckljKlsbe5BtQJoB4XV61PLnPdThpNJWpHjl/KLRQpAOyQK5wbsIr3sTSiYGGrwDt0IDq8bibMkJyh/7ww==",
       "license": "MIT",
+      "dependencies": {
+        "vue-component-type-helpers": "^3.0.5"
+      },
       "peerDependencies": {
         "vue": "^3.0.0"
       }
     },
     "node_modules/@oruga-ui/theme-oruga": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/@oruga-ui/theme-oruga/-/theme-oruga-0.2.2.tgz",
-      "integrity": "sha512-0l5Td4y75He0Yz0I8FkP4TcMaEpeBFeDv49RZyiQm23gfdCqpeZyLQfhHU++e5OTjfd1llHtUA+DtTLIXgdspg==",
-      "license": "MIT"
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@oruga-ui/theme-oruga/-/theme-oruga-0.7.1.tgz",
+      "integrity": "sha512-lQSjaTmEUsjcXAckZiFyDFsP+MqtoeZtbIikVOrQpbS+cu8NdBEJWd4ew/pzfqlrl+64CFJRM1yERaQ3orpjUQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@oruga-ui/oruga-next": "^0.11.0"
+      }
     },
     "node_modules/@parcel/watcher": {
       "version": "2.5.1",
@@ -4589,13 +4595,13 @@
       }
     },
     "node_modules/@types/leaflet.locatecontrol": {
-      "version": "0.74.6",
-      "resolved": "https://registry.npmjs.org/@types/leaflet.locatecontrol/-/leaflet.locatecontrol-0.74.6.tgz",
-      "integrity": "sha512-IMnp6zSkiEKx5fwZSfySIyQWJWR/tpF00jRZC6BmFU//ygVRChakQpGPMpHIjQOnP3UMTmTXgztvQ2AwlHL8Mg==",
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@types/leaflet.locatecontrol/-/leaflet.locatecontrol-0.82.1.tgz",
+      "integrity": "sha512-AcDyhhPDrF48iRa0/ShKgtAgR7a6ts2SzsoUUM9/+IwTZl/1iPP/JIg+wpwoobTMfx+bF2mUUkXKRwieveVgNQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/leaflet": "*"
+        "@types/leaflet": "^1.9"
       }
     },
     "node_modules/@types/leaflet.markercluster": {
@@ -5377,6 +5383,13 @@
         "vue-component-type-helpers": "^2.0.0"
       }
     },
+    "node_modules/@vue/test-utils/node_modules/vue-component-type-helpers": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.12.tgz",
+      "integrity": "sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@vueuse/core": {
       "version": "10.11.1",
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
@@ -9592,9 +9605,9 @@
       "license": "BSD-2-Clause"
     },
     "node_modules/leaflet.locatecontrol": {
-      "version": "0.79.0",
-      "resolved": "https://registry.npmjs.org/leaflet.locatecontrol/-/leaflet.locatecontrol-0.79.0.tgz",
-      "integrity": "sha512-h64QIHFkypYdr90lkSfjKvPvvk8/b8UnP3m9WuoWdp5p2AaCWC0T1NVwyuj4rd5U4fBW3tQt4ppmZ2LceHMIDg==",
+      "version": "0.85.1",
+      "resolved": "https://registry.npmjs.org/leaflet.locatecontrol/-/leaflet.locatecontrol-0.85.1.tgz",
+      "integrity": "sha512-aB2qrwZO7Vs4EbWja6pyGy6Y1Mr2yeOqH3PN+Ocnjb4pgpiwYsX1AOI0mppVYzUTO2zwjafxVTOffiwEE32udA==",
       "license": "MIT"
     },
     "node_modules/leaflet.markercluster": {
@@ -14090,10 +14103,9 @@
       }
     },
     "node_modules/vue-component-type-helpers": {
-      "version": "2.2.12",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.12.tgz",
-      "integrity": "sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==",
-      "dev": true,
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-3.1.1.tgz",
+      "integrity": "sha512-B0kHv7qX6E7+kdc5nsaqjdGZ1KwNKSUQDWGy7XkTYT7wFsOpkEyaJ1Vq79TjwrrtuLRgizrTV7PPuC4rRQo+vw==",
       "license": "MIT"
     },
     "node_modules/vue-eslint-parser": {
diff --git a/package.json b/package.json
index 57cf01a04..86f609350 100644
--- a/package.json
+++ b/package.json
@@ -35,8 +35,8 @@
     "@fullcalendar/daygrid": "^6.1.10",
     "@fullcalendar/interaction": "^6.1.10",
     "@fullcalendar/vue3": "^6.1.10",
-    "@oruga-ui/oruga-next": "0.8.12",
-    "@oruga-ui/theme-oruga": "^0.2.0",
+    "@oruga-ui/oruga-next": "^0.11.6",
+    "@oruga-ui/theme-oruga": "^0.7.1",
     "@sentry/tracing": "^7.1",
     "@sentry/vue": "^10.21.0",
     "@tiptap/core": "^3.7.2",
@@ -84,7 +84,7 @@
     "intersection-observer": "^0.12.0",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.4.0",
-    "leaflet.locatecontrol": "^0.79",
+    "leaflet.locatecontrol": "^0.85.1",
     "leaflet.markercluster": "^1.5.3",
     "lodash": "^4.17.11",
     "ngeohash": "^0.6.3",
@@ -115,7 +115,7 @@
     "@tailwindcss/typography": "^0.5.4",
     "@types/hammerjs": "^2.0.41",
     "@types/leaflet": "^1.5.2",
-    "@types/leaflet.locatecontrol": "^0.74",
+    "@types/leaflet.locatecontrol": "^0.82.1",
     "@types/leaflet.markercluster": "^1.5.1",
     "@types/lodash": "^4.14.141",
     "@types/ngeohash": "^0.6.2",
diff --git a/src/components/Comment/CommentTree.vue b/src/components/Comment/CommentTree.vue
index 163481641..d6b1c6462 100644
--- a/src/components/Comment/CommentTree.vue
+++ b/src/components/Comment/CommentTree.vue
@@ -45,7 +45,7 @@
           </div>
         </div>
         <div class="">
-          <o-button native-type="submit" variant="primary" icon-left="send">{{
+          <o-button type="submit" variant="primary" icon-left="send">{{
             t("Send")
           }}</o-button>
         </div>
diff --git a/src/components/Comment/EventComment.vue b/src/components/Comment/EventComment.vue
index 2512753fc..fd2482fb4 100644
--- a/src/components/Comment/EventComment.vue
+++ b/src/components/Comment/EventComment.vue
@@ -162,7 +162,7 @@
             />
             <o-button
               :disabled="newComment.text.trim().length === 0"
-              native-type="submit"
+              type="submit"
               variant="primary"
               class="self-end"
               >{{ t("Post a reply") }}</o-button
diff --git a/src/components/Conversations/NewConversation.vue b/src/components/Conversations/NewConversation.vue
index 9e800cd94..749753eaa 100644
--- a/src/components/Conversations/NewConversation.vue
+++ b/src/components/Conversations/NewConversation.vue
@@ -19,9 +19,7 @@
       {{ error }}
     </o-notification>
     <footer class="flex gap-2 py-3 mx-2 justify-end">
-      <o-button :disabled="!canSend" nativeType="submit">{{
-        t("Send")
-      }}</o-button>
+      <o-button :disabled="!canSend" type="submit">{{ t("Send") }}</o-button>
     </footer>
   </form>
 </template>
diff --git a/src/components/Discussion/DiscussionComment.vue b/src/components/Discussion/DiscussionComment.vue
index 0813a9198..63f1dc7b5 100644
--- a/src/components/Discussion/DiscussionComment.vue
+++ b/src/components/Discussion/DiscussionComment.vue
@@ -118,7 +118,7 @@
         />
         <div class="flex gap-2 mt-2">
           <o-button
-            native-type="submit"
+            type="submit"
             :disabled="['<p></p>', '', comment.text].includes(updatedComment)"
             variant="primary"
             >{{ t("Update") }}</o-button
diff --git a/src/components/Event/EventActionSection.vue b/src/components/Event/EventActionSection.vue
index 47e927a29..ce9d1de17 100644
--- a/src/components/Event/EventActionSection.vue
+++ b/src/components/Event/EventActionSection.vue
@@ -327,7 +327,7 @@
               @keyup.enter="isJoinConfirmationModalActive = false"
               >{{ t("Cancel") }}
             </o-button>
-            <o-button variant="primary" native-type="submit">
+            <o-button variant="primary" type="submit">
               {{ t("Confirm my participation") }}
             </o-button>
           </div>
diff --git a/src/components/Event/EventMetadataList.vue b/src/components/Event/EventMetadataList.vue
index c76805bb8..6eeed8e87 100644
--- a/src/components/Event/EventMetadataList.vue
+++ b/src/components/Event/EventMetadataList.vue
@@ -91,7 +91,7 @@
             <o-field :label="$t('Element value')">
               <o-input v-model="newElement.value" />
             </o-field>
-            <o-button class="mt-2" variant="primary" native-type="submit">{{
+            <o-button class="mt-2" variant="primary" type="submit">{{
               $t("Add")
             }}</o-button>
           </form>
diff --git a/src/components/Event/FullAddressAutoComplete.vue b/src/components/Event/FullAddressAutoComplete.vue
index e17504193..c0ab08371 100644
--- a/src/components/Event/FullAddressAutoComplete.vue
+++ b/src/components/Event/FullAddressAutoComplete.vue
@@ -5,7 +5,7 @@
       :label-for="id"
       :message="fieldErrors"
       :variant="fieldErrors ? 'danger' : ''"
-      class="!-mt-2"
+      class="!-mt-2 flex"
       :labelClass="labelClass"
     >
       <template #label>
@@ -20,18 +20,16 @@
         :title="t('Use my location')"
       />
       <o-autocomplete
-        :data="addressData"
         v-model="queryTextWithDefault"
+        :options="addressData"
         :placeholder="placeholderWithDefault"
-        :formatter="(elem: IAddress) => addressFullName(elem)"
         :debounce="debounceDelay"
-        @input="asyncData"
         :icon="canShowLocateMeButton ? null : 'map-marker'"
         expanded
-        @select="setSelected"
         :id="id"
         :disabled="disabled"
-        dir="auto"
+        @input="asyncData"
+        @select="setSelected"
         class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full"
       >
         <template #default="{ option }">
@@ -151,7 +149,7 @@
         </o-field>
       </section>
       <footer class="mt-3 flex gap-2 items-center">
-        <o-button native-type="submit">
+        <o-button type="submit">
           {{ t("Save") }}
         </o-button>
         <o-button outlined type="button" @click="resetAddress">
@@ -204,6 +202,7 @@ import { useReverseGeocode } from "@/composition/apollo/address";
 import { useLazyQuery } from "@vue/apollo-composable";
 import { AddressSearchType } from "@/types/enums";
 import Loading from "vue-material-design-icons/Loading.vue";
+import type { OptionsProp } from "@oruga-ui/oruga-next";
 const MapLeaflet = defineAsyncComponent(
   () => import("@/components/LeafletMap.vue")
 );
@@ -246,7 +245,7 @@ const mapDefaultZoom = computed(() => {
   return 5;
 });
 
-const addressData = ref<IAddress[]>([]);
+const addressData = ref<OptionsProp>();
 
 const defaultAddress = new Address();
 defaultAddress.geom = undefined;
@@ -328,6 +327,15 @@ const { load: searchAddressLoad, refetch: searchAddressRefetch } =
     searchAddress: IAddress[];
   }>(ADDRESS);
 
+function convert_to_complete(addesses: IAddress[]) {
+  return addesses.map((elem: IAddress) => {
+    return {
+      label: elem.description, // addressFullName(elem),
+      value: elem,
+    };
+  });
+}
+
 const asyncData = async (query: string): Promise<void> => {
   console.debug("Finding addresses");
   if (!query.length) {
@@ -359,7 +367,7 @@ const asyncData = async (query: string): Promise<void> => {
       return;
     }
     console.debug("onAddressSearchResult", result.searchAddress);
-    addressData.value = result.searchAddress;
+    addressData.value = convert_to_complete(result.searchAddress);
     isFetching.value = false;
   } catch (e) {
     console.error(e);
@@ -377,7 +385,7 @@ const queryText = ref();
 const queryTextWithDefault = computed({
   get() {
     return (
-      queryText.value ?? selectedAddressText.value ?? props.defaultText ?? ""
+      selectedAddressText.value ?? queryText.value ?? props.defaultText ?? ""
     );
   },
   set(newValue: string) {
@@ -431,13 +439,16 @@ const reverseGeoCode = async (e: LatLng, zoom: number) => {
       locale: locale.value as unknown as string,
     });
     if (!result) return;
-    addressData.value = result.reverseGeocode;
+    addressData.value = [];
 
-    if (addressData.value.length > 0) {
-      const foundAddress = addressData.value[0];
+    if (result.reverseGeocode.length > 0) {
+      const foundAddress = result.reverseGeocode[0];
       Object.assign(selected, foundAddress);
+      queryText.value = addressFullName(foundAddress);
+      addressData.value = [
+        { label: queryTextWithDefault.value, value: foundAddress },
+      ];
       console.debug("reverse geocode succeded, setting new address");
-      queryTextWithDefault.value = addressFullName(foundAddress);
       emit("update:modelValue", selected);
     }
   } catch (err) {
diff --git a/src/components/Feedback/SentryFeedback.vue b/src/components/Feedback/SentryFeedback.vue
index 0e4842cae..88c20f5e8 100644
--- a/src/components/Feedback/SentryFeedback.vue
+++ b/src/components/Feedback/SentryFeedback.vue
@@ -11,7 +11,7 @@
         :placeholder="t(`I've clicked on X, then on Y`)"
       />
     </o-field>
-    <o-button icon-left="send" native-type="submit" variant="primary">{{
+    <o-button icon-left="send" type="submit" variant="primary">{{
       t("Send feedback")
     }}</o-button>
     <p class="prose dark:prose-invert">
diff --git a/src/components/Home/SearchFields.vue b/src/components/Home/SearchFields.vue
index 8bfb83cd0..2c033c4e4 100644
--- a/src/components/Home/SearchFields.vue
+++ b/src/components/Home/SearchFields.vue
@@ -54,14 +54,14 @@
     <div class="flex flex-col flex-wrap sm:flex-row gap-2 justify-center">
       <o-button
         :class="'search-Event min-w-40 ' + select_button_class('EVENTS')"
-        native-type="submit"
+        type="submit"
         icon-left="calendar"
       >
         {{ t("Events") + number_result("EVENTS") }}
       </o-button>
       <o-button
         :class="'search-Activity min-w-40 ' + select_button_class('LONGEVENTS')"
-        native-type="submit"
+        type="submit"
         icon-left="calendar-star"
         v-if="isLongEvents"
       >
@@ -69,7 +69,7 @@
       </o-button>
       <o-button
         :class="'search-Group min-w-40 ' + select_button_class('GROUPS')"
-        native-type="submit"
+        type="submit"
         icon-left="account-multiple"
       >
         {{ t("Groups") + number_result("GROUPS") }}
diff --git a/src/components/Home/ShortSearch.vue b/src/components/Home/ShortSearch.vue
index 34b84ad94..e8354d043 100644
--- a/src/components/Home/ShortSearch.vue
+++ b/src/components/Home/ShortSearch.vue
@@ -23,7 +23,7 @@
     </div>
     <o-button
       class="search-Event min-w-40 sm:w-auto"
-      native-type="submit"
+      type="submit"
       icon-left="magnify"
     >
       {{ t("Search") }}
diff --git a/src/components/Participation/NewPrivateMessage.vue b/src/components/Participation/NewPrivateMessage.vue
index f6f2d595a..0f4d84a41 100644
--- a/src/components/Participation/NewPrivateMessage.vue
+++ b/src/components/Participation/NewPrivateMessage.vue
@@ -45,7 +45,7 @@
     </o-notification>
     <o-button
       class="mt-3"
-      nativeType="submit"
+      type="submit"
       :disabled="selectedRoles.length == 0"
       >{{ t("Send") }}</o-button
     >
diff --git a/src/components/Participation/ParticipationWithoutAccount.vue b/src/components/Participation/ParticipationWithoutAccount.vue
index c228a70da..640259133 100644
--- a/src/components/Participation/ParticipationWithoutAccount.vue
+++ b/src/components/Participation/ParticipationWithoutAccount.vue
@@ -70,12 +70,9 @@
           </o-checkbox>
         </o-field>
         <div class="flex gap-2 my-2">
-          <o-button
-            :disabled="sendingForm"
-            variant="primary"
-            native-type="submit"
-            >{{ $t("Send email") }}</o-button
-          >
+          <o-button :disabled="sendingForm" variant="primary" type="submit">{{
+            $t("Send email")
+          }}</o-button>
           <o-button
             native-type="button"
             variant="text"
diff --git a/src/plugins/dateFns.ts b/src/plugins/dateFns.ts
index 0a88a9e3e..47b6995cb 100644
--- a/src/plugins/dateFns.ts
+++ b/src/plugins/dateFns.ts
@@ -11,9 +11,9 @@ export const dateFnsPlugin = {
     }
 
     import(
-      `../../node_modules/date-fns/esm/locale/${dateFnsfileForLanguage(
+      `../../node_modules/date-fns/locale/${dateFnsfileForLanguage(
         options.locale
-      )}/index.js`
+      )}/cdn.js`
     ).then((localeEntity: { default: Locale }) => {
       app.provide("dateFnsLocale", localeEntity.default);
       app.config.globalProperties.$dateFnsLocale = localeEntity.default;
diff --git a/src/views/Admin/AdminUserProfile.vue b/src/views/Admin/AdminUserProfile.vue
index c7c3a829e..82ac8f64c 100644
--- a/src/views/Admin/AdminUserProfile.vue
+++ b/src/views/Admin/AdminUserProfile.vue
@@ -247,7 +247,7 @@
             <o-button outlined @click="isEmailChangeModalActive = false">{{
               t("Close")
             }}</o-button>
-            <o-button native-type="submit" variant="primary">{{
+            <o-button type="submit" variant="primary">{{
               t("Change email")
             }}</o-button>
           </footer>
@@ -301,7 +301,7 @@
           <o-button @click="isRoleChangeModalActive = false" outlined>{{
             t("Close")
           }}</o-button>
-          <o-button native-type="submit" variant="primary">{{
+          <o-button type="submit" variant="primary">{{
             t("Change role")
           }}</o-button>
         </footer>
@@ -330,7 +330,7 @@
           <o-button @click="isConfirmationModalActive = false">{{
             t("Close")
           }}</o-button>
-          <o-button native-type="submit" variant="primary">{{
+          <o-button type="submit" variant="primary">{{
             t("Confirm user")
           }}</o-button>
         </footer>
diff --git a/src/views/Admin/InstancesView.vue b/src/views/Admin/InstancesView.vue
index f9ae6b625..ae318a858 100644
--- a/src/views/Admin/InstancesView.vue
+++ b/src/views/Admin/InstancesView.vue
@@ -23,7 +23,7 @@
               />
             </p>
             <p class="control">
-              <o-button variant="primary" native-type="submit">{{
+              <o-button variant="primary" type="submit">{{
                 t("Add an instance")
               }}</o-button>
               <o-loading
diff --git a/src/views/Admin/SettingsView.vue b/src/views/Admin/SettingsView.vue
index 80eb32afd..c8d01ab40 100644
--- a/src/views/Admin/SettingsView.vue
+++ b/src/views/Admin/SettingsView.vue
@@ -505,7 +505,7 @@
             </div>
           </div>
         </section>
-        <o-button native-type="submit" variant="primary">{{
+        <o-button type="submit" variant="primary">{{
           t("Save instance settings")
         }}</o-button>
       </form>
diff --git a/src/views/Conversations/ConversationView.vue b/src/views/Conversations/ConversationView.vue
index 505ca3e7f..6ed3b9a3d 100644
--- a/src/views/Conversations/ConversationView.vue
+++ b/src/views/Conversations/ConversationView.vue
@@ -129,7 +129,7 @@
         </o-field>
         <o-button
           class="my-2"
-          native-type="submit"
+          type="submit"
           :disabled="['<p></p>', ''].includes(newComment)"
           variant="primary"
           >{{ t("Reply") }}</o-button
diff --git a/src/views/Discussions/CreateView.vue b/src/views/Discussions/CreateView.vue
index e0e201f73..a971e47a3 100644
--- a/src/views/Discussions/CreateView.vue
+++ b/src/views/Discussions/CreateView.vue
@@ -52,7 +52,7 @@
         />
       </o-field>
 
-      <o-button class="mt-2" native-type="submit">
+      <o-button class="mt-2" type="submit">
         {{ t("Create the discussion") }}
       </o-button>
     </form>
diff --git a/src/views/Discussions/DiscussionView.vue b/src/views/Discussions/DiscussionView.vue
index a072fbf15..08e3a4b5d 100644
--- a/src/views/Discussions/DiscussionView.vue
+++ b/src/views/Discussions/DiscussionView.vue
@@ -72,7 +72,7 @@
           <div class="flex gap-2 mt-2">
             <o-button
               variant="primary"
-              native-type="submit"
+              type="submit"
               icon-right="check"
               :title="t('Update discussion title')"
             />
@@ -133,7 +133,7 @@
         </o-field>
         <o-button
           class="my-2"
-          native-type="submit"
+          type="submit"
           :disabled="['<p></p>', ''].includes(newComment)"
           variant="primary"
           >{{ t("Reply") }}</o-button
diff --git a/src/views/Group/CreateView.vue b/src/views/Group/CreateView.vue
index 66ffa9b3c..c4d1f68c6 100644
--- a/src/views/Group/CreateView.vue
+++ b/src/views/Group/CreateView.vue
@@ -203,7 +203,7 @@
         variant="primary"
         :disabled="loading"
         :loading="loading"
-        native-type="submit"
+        type="submit"
         class="mt-3"
       >
         {{ t("Create my group") }}
diff --git a/src/views/Group/GroupMembers.vue b/src/views/Group/GroupMembers.vue
index 5fa49dc65..f519ac5ca 100644
--- a/src/views/Group/GroupMembers.vue
+++ b/src/views/Group/GroupMembers.vue
@@ -48,7 +48,7 @@
               />
             </p>
             <p class="control">
-              <o-button variant="primary" native-type="submit">{{
+              <o-button variant="primary" type="submit">{{
                 t("Invite member")
               }}</o-button>
             </p>
diff --git a/src/views/Group/GroupSettings.vue b/src/views/Group/GroupSettings.vue
index ae9f0de0d..351f9ec9c 100644
--- a/src/views/Group/GroupSettings.vue
+++ b/src/views/Group/GroupSettings.vue
@@ -167,7 +167,7 @@
         <div class="flex flex-wrap gap-2 my-2">
           <o-button
             :loading="loadingUpdateGroup"
-            native-type="submit"
+            type="submit"
             variant="primary"
             >{{ t("Update group") }}</o-button
           >
diff --git a/src/views/OAuth/DeviceActivationView.vue b/src/views/OAuth/DeviceActivationView.vue
index 50a7d7cf4..4a4f0c508 100644
--- a/src/views/OAuth/DeviceActivationView.vue
+++ b/src/views/OAuth/DeviceActivationView.vue
@@ -56,7 +56,7 @@
       </div>
 
       <div class="text-center">
-        <o-button native-type="submit">{{ t("Continue") }}</o-button>
+        <o-button type="submit">{{ t("Continue") }}</o-button>
       </div>
     </form>
     <AuthorizeApplication
diff --git a/src/views/Posts/EditView.vue b/src/views/Posts/EditView.vue
index 6b631c0b0..7fd97a22a 100644
--- a/src/views/Posts/EditView.vue
+++ b/src/views/Posts/EditView.vue
@@ -104,7 +104,7 @@
                 @click="publish(true)"
                 >{{ t("Save draft") }}</o-button
               >
-              <o-button variant="primary" native-type="submit">
+              <o-button variant="primary" type="submit">
                 <span v-if="isUpdate === false || post?.draft === true">{{
                   t("Publish")
                 }}</span>
diff --git a/src/views/Resources/ResourceFolder.vue b/src/views/Resources/ResourceFolder.vue
index 54fafe11b..952344841 100644
--- a/src/views/Resources/ResourceFolder.vue
+++ b/src/views/Resources/ResourceFolder.vue
@@ -75,7 +75,7 @@
               />
             </o-field>
 
-            <o-button native-type="submit">{{ t("Rename resource") }}</o-button>
+            <o-button type="submit">{{ t("Rename resource") }}</o-button>
           </form>
         </section>
       </div>
@@ -138,7 +138,7 @@
             />
           </o-field>
 
-          <o-button class="mt-2" native-type="submit">{{
+          <o-button class="mt-2" type="submit">{{
             createResourceButtonLabel
           }}</o-button>
         </form>
@@ -208,7 +208,7 @@
               />
             </o-field>
 
-            <o-button native-type="submit" class="mt-2">{{
+            <o-button type="submit" class="mt-2">{{
               t("Create resource")
             }}</o-button>
           </form>
diff --git a/src/views/Settings/AccountSettings.vue b/src/views/Settings/AccountSettings.vue
index 4c298d737..7a12f94cc 100644
--- a/src/views/Settings/AccountSettings.vue
+++ b/src/views/Settings/AccountSettings.vue
@@ -204,7 +204,7 @@
                     <div class="flex items-center justify-center">
                       <o-button
                         class="mt-2"
-                        native-type="submit"
+                        type="submit"
                         variant="danger"
                         size="large"
                       >
diff --git a/src/views/Todos/TodoList.vue b/src/views/Todos/TodoList.vue
index d7ac7b1ad..5bfd2bc3c 100644
--- a/src/views/Todos/TodoList.vue
+++ b/src/views/Todos/TodoList.vue
@@ -37,7 +37,7 @@
         <o-checkbox v-model="newTodo.status" />
         <o-input expanded v-model="newTodo.title" />
       </o-field>
-      <o-button native-type="submit">{{ $t("Add a todo") }}</o-button>
+      <o-button type="submit">{{ $t("Add a todo") }}</o-button>
     </form>
   </section>
 </template>
diff --git a/src/views/Todos/TodoLists.vue b/src/views/Todos/TodoLists.vue
index 24f70a8c5..123b4ab53 100644
--- a/src/views/Todos/TodoLists.vue
+++ b/src/views/Todos/TodoLists.vue
@@ -34,7 +34,7 @@
         <o-field :label="$t('List title')">
           <o-input v-model="newTodoList.title" />
         </o-field>
-        <o-button native-type="submit">{{ $t("Create a new list") }}</o-button>
+        <o-button type="submit">{{ $t("Create a new list") }}</o-button>
       </form>
       <div v-for="todoList in todoLists" :key="todoList.id">
         <router-link
diff --git a/src/views/User/LoginView.vue b/src/views/User/LoginView.vue
index f95daf229..572463a46 100644
--- a/src/views/User/LoginView.vue
+++ b/src/views/User/LoginView.vue
@@ -75,7 +75,7 @@
         <o-button
           variant="primary"
           size="large"
-          native-type="submit"
+          type="submit"
           :disabled="submitted"
         >
           {{ t("Login") }}
diff --git a/src/views/User/RegisterView.vue b/src/views/User/RegisterView.vue
index 948cd80af..81971a2b1 100644
--- a/src/views/User/RegisterView.vue
+++ b/src/views/User/RegisterView.vue
@@ -184,7 +184,7 @@
               variant="primary"
               size="large"
               :disabled="sendingForm"
-              native-type="submit"
+              type="submit"
             >
               {{ t("Create an account") }}
             </o-button>
diff --git a/src/views/User/ResendConfirmation.vue b/src/views/User/ResendConfirmation.vue
index 7a85344b0..d6b606d9e 100644
--- a/src/views/User/ResendConfirmation.vue
+++ b/src/views/User/ResendConfirmation.vue
@@ -18,7 +18,7 @@
         />
       </o-field>
       <p class="flex flex-wrap gap-1 mt-2">
-        <o-button variant="primary" native-type="submit">
+        <o-button variant="primary" type="submit">
           {{ $t("Send the confirmation email again") }}
         </o-button>
         <o-button
diff --git a/src/views/User/SendPasswordReset.vue b/src/views/User/SendPasswordReset.vue
index 3130c197b..a79889de4 100644
--- a/src/views/User/SendPasswordReset.vue
+++ b/src/views/User/SendPasswordReset.vue
@@ -30,7 +30,7 @@
         />
       </o-field>
       <p class="my-4 flex gap-2">
-        <o-button variant="primary" native-type="submit">
+        <o-button variant="primary" type="submit">
           {{ t("Submit") }}
         </o-button>
         <o-button
diff --git a/tests/unit/specs/components/Comment/__snapshots__/CommentTree.spec.ts.snap b/tests/unit/specs/components/Comment/__snapshots__/CommentTree.spec.ts.snap
index 901310f7d..9e8b70fe4 100644
--- a/tests/unit/specs/components/Comment/__snapshots__/CommentTree.spec.ts.snap
+++ b/tests/unit/specs/components/Comment/__snapshots__/CommentTree.spec.ts.snap
@@ -18,7 +18,7 @@ exports[`CommentTree > renders a comment tree with comments 1`] = `
         </div>
       </div>
       <div data-v-5d0380ab="" class="">
-        <o-button-stub data-v-5d0380ab="" tag="button" variant="primary" iconleft="send" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" nativetype="submit" role="button" iconboth="false"></o-button-stub>
+        <o-button-stub data-v-5d0380ab="" tag="button" variant="primary" iconleft="send" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" type="submit"></o-button-stub>
       </div>
     </article>
   </form>
@@ -56,7 +56,7 @@ exports[`CommentTree > renders an empty comment tree 1`] = `
         </div>
       </div>
       <div data-v-5d0380ab="" class="">
-        <o-button-stub data-v-5d0380ab="" tag="button" variant="primary" iconleft="send" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" nativetype="submit" role="button" iconboth="false"></o-button-stub>
+        <o-button-stub data-v-5d0380ab="" tag="button" variant="primary" iconleft="send" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" type="submit"></o-button-stub>
       </div>
     </article>
   </form>
diff --git a/tests/unit/specs/components/Comment/__snapshots__/EventComment.spec.ts.snap b/tests/unit/specs/components/Comment/__snapshots__/EventComment.spec.ts.snap
index 8fccca323..8946dc83e 100644
--- a/tests/unit/specs/components/Comment/__snapshots__/EventComment.spec.ts.snap
+++ b/tests/unit/specs/components/Comment/__snapshots__/EventComment.spec.ts.snap
@@ -13,16 +13,14 @@ exports[`EventComment > Show Announcement 1`] = `
       </div>
       <div dir="auto" class="prose dark:prose-invert xl:prose-lg !max-w-full text-black dark:text-white">hello</div>
       <nav class="flex gap-1 mt-1"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon reply-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z"><!--v-if--></path></svg></span><span>Reply</span></button>
-        <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-          <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon dots-horizontal-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span><span class="sr-only">More options</span></button></div>
+        <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list">
+          <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon dots-horizontal-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span><span class="sr-only">More options</span></button></div>
           <!--teleport start-->
+          <!---->
           <transition-stub name="fade" appear="false" persisted="false" css="true">
-            <!---->
-          </transition-stub>
-          <transition-stub name="fade" appear="false" persisted="false" css="true">
-            <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-              <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon delete-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"><!--v-if--></path></svg></span><span>Delete</span></button></div>
-              <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon alert-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z"><!--v-if--></path></svg></span><span>Report</span></button></div>
+            <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+              <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon delete-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"><!--v-if--></path></svg></span><span>Delete</span></button></div>
+              <div id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon alert-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z"><!--v-if--></path></svg></span><span>Report</span></button></div>
             </div>
           </transition-stub>
           <!--teleport end-->
@@ -37,7 +35,7 @@ exports[`EventComment > Show Announcement 1`] = `
       <div class="flex-1">
         <div class="flex gap-1 items-center"><strong>Thomas Citharel</strong><small dir="ltr">@tcit</small></div>
         <div class="flex flex-col gap-2">
-          <!----><button disabled="" type="submit" class="o-btn o-btn--primary o-btn--disabled self-end" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Post a reply</span>
+          <!----><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary o-button--disabled self-end" disabled=""><span class="o-button__wrapper"><!----><span class="o-button__label">Post a reply</span>
             <!----></span>
           </button>
         </div>
@@ -47,40 +45,36 @@ exports[`EventComment > Show Announcement 1`] = `
   <!--v-if-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" aria-modal="false" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-modal="false" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <div data-v-e0cceef3="" class="p-2">
           <header data-v-e0cceef3="" class="mb-3">
             <h2 data-v-e0cceef3="" class="text-2xl">Report this comment</h2>
           </header>
           <section data-v-e0cceef3="">
-            <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" class="o-icon o-icon--warning hidden md:block flex-1" data-oruga="icon"><i class="mdi mdi-alert 48"></i></span>
+            <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" data-oruga="icon" class="o-icon o-icon--warning hidden md:block flex-1"><i class="mdi mdi-alert 48"></i></span>
               <p data-v-e0cceef3="">The report will be sent to the moderators of your instance. You can explain why you report this content below.</p>
             </div>
             <div data-v-e0cceef3="">
               <!--v-if-->
-              <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label for="additional-comments" class="o-field__label">Additional comments</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-v-e0cceef3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label id="v-3" for="additional-comments" class="o-field__label">Additional comments</label>
+                <div data-v-e0cceef3="" data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+                  <!----><textarea aria-labelledby="v-3" autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input__input o-input__input--placeholder"></textarea>
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
               <!--v-if-->
             </div>
           </section>
-          <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+          <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
               <!----></span>
-            </button><button data-v-e0cceef3="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the report</span>
+            </button><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the report</span>
               <!----></span>
             </button></footer>
-        </div><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </div><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
@@ -101,16 +95,14 @@ exports[`EventComment > Show Basic 1`] = `
       </div>
       <div dir="auto" class="prose dark:prose-invert xl:prose-lg !max-w-full">hello</div>
       <nav class="flex gap-1 mt-1"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon reply-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z"><!--v-if--></path></svg></span><span>Reply</span></button>
-        <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-          <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon dots-horizontal-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span><span class="sr-only">More options</span></button></div>
+        <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list">
+          <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"><span aria-hidden="true" class="material-design-icon dots-horizontal-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span><span class="sr-only">More options</span></button></div>
           <!--teleport start-->
+          <!---->
           <transition-stub name="fade" appear="false" persisted="false" css="true">
-            <!---->
-          </transition-stub>
-          <transition-stub name="fade" appear="false" persisted="false" css="true">
-            <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-              <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon delete-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"><!--v-if--></path></svg></span><span>Delete</span></button></div>
-              <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon alert-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z"><!--v-if--></path></svg></span><span>Report</span></button></div>
+            <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+              <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon delete-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"><!--v-if--></path></svg></span><span>Delete</span></button></div>
+              <div id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><button class="flex items-center gap-1"><span aria-hidden="true" class="material-design-icon alert-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z"><!--v-if--></path></svg></span><span>Report</span></button></div>
             </div>
           </transition-stub>
           <!--teleport end-->
@@ -125,7 +117,7 @@ exports[`EventComment > Show Basic 1`] = `
       <div class="flex-1">
         <div class="flex gap-1 items-center"><strong>Thomas Citharel</strong><small dir="ltr">@tcit</small></div>
         <div class="flex flex-col gap-2">
-          <!----><button disabled="" type="submit" class="o-btn o-btn--primary o-btn--disabled self-end" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Post a reply</span>
+          <!----><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary o-button--disabled self-end" disabled=""><span class="o-button__wrapper"><!----><span class="o-button__label">Post a reply</span>
             <!----></span>
           </button>
         </div>
@@ -135,40 +127,36 @@ exports[`EventComment > Show Basic 1`] = `
   <!--v-if-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" aria-modal="false" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-modal="false" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <div data-v-e0cceef3="" class="p-2">
           <header data-v-e0cceef3="" class="mb-3">
             <h2 data-v-e0cceef3="" class="text-2xl">Report this comment</h2>
           </header>
           <section data-v-e0cceef3="">
-            <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" class="o-icon o-icon--warning hidden md:block flex-1" data-oruga="icon"><i class="mdi mdi-alert 48"></i></span>
+            <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" data-oruga="icon" class="o-icon o-icon--warning hidden md:block flex-1"><i class="mdi mdi-alert 48"></i></span>
               <p data-v-e0cceef3="">The report will be sent to the moderators of your instance. You can explain why you report this content below.</p>
             </div>
             <div data-v-e0cceef3="">
               <!--v-if-->
-              <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label for="additional-comments" class="o-field__label">Additional comments</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-v-e0cceef3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label id="v-3" for="additional-comments" class="o-field__label">Additional comments</label>
+                <div data-v-e0cceef3="" data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+                  <!----><textarea aria-labelledby="v-3" autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input__input o-input__input--placeholder"></textarea>
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
               <!--v-if-->
             </div>
           </section>
-          <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+          <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
               <!----></span>
-            </button><button data-v-e0cceef3="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the report</span>
+            </button><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the report</span>
               <!----></span>
             </button></footer>
-        </div><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </div><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
diff --git a/tests/unit/specs/components/Discussion/__snapshots__/DiscussionComment.spec.ts.snap b/tests/unit/specs/components/Discussion/__snapshots__/DiscussionComment.spec.ts.snap
index ba6adb383..de01cd86e 100644
--- a/tests/unit/specs/components/Discussion/__snapshots__/DiscussionComment.spec.ts.snap
+++ b/tests/unit/specs/components/Discussion/__snapshots__/DiscussionComment.spec.ts.snap
@@ -7,16 +7,14 @@ exports[`DiscussionComment > Show Basic 1`] = `
   </div>
   <div data-v-49696bef="" class="mb-2 pt-1 flex-1">
     <div data-v-49696bef="" class="flex items-center gap-1" dir="auto">
-      <div data-v-49696bef="" class="flex flex-1 flex-col"><strong data-v-49696bef="">Thomas Citharel</strong><small data-v-49696bef="">@tcit</small></div><span data-v-49696bef="" class="icons"><div data-v-49696bef="" data-oruga="dropdown" class="o-drop o-drop--position-bottom-left"><div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><span data-v-49696bef="" class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span>
+      <div data-v-49696bef="" class="flex flex-1 flex-col"><strong data-v-49696bef="">Thomas Citharel</strong><small data-v-49696bef="">@tcit</small></div><span data-v-49696bef="" class="icons"><div data-v-49696bef="" data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list"><div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><span data-v-49696bef="" class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span>
     </div>
     <!--teleport start-->
+    <!---->
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <!---->
-    </transition-stub>
-    <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-        <div data-v-49696bef="" class="o-drop__item o-drop__item--clickable" role="menuitem" tabindex="0" data-oruga="dropdown-item"><span data-v-49696bef="" class="o-icon" data-oruga="icon"><i class="mdi mdi-pencil mdi-24px"></i></span> Edit</div>
-        <div data-v-49696bef="" class="o-drop__item o-drop__item--clickable" role="menuitem" tabindex="0" data-oruga="dropdown-item"><span data-v-49696bef="" class="o-icon" data-oruga="icon"><i class="mdi mdi-delete mdi-24px"></i></span> Delete</div>
+      <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+        <div data-v-49696bef="" id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="menuitem"><span data-v-49696bef="" data-oruga="icon" class="o-icon"><i class="mdi mdi-pencil mdi-24px"></i></span> Edit</div>
+        <div data-v-49696bef="" id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="menuitem"><span data-v-49696bef="" data-oruga="icon" class="o-icon"><i class="mdi mdi-delete mdi-24px"></i></span> Delete</div>
         <!--v-if-->
       </div>
     </transition-stub>
@@ -34,40 +32,36 @@ exports[`DiscussionComment > Show Basic 1`] = `
 </article>
 <!--teleport start-->
 <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-  <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" aria-modal="false" style="display: none;">
-    <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+  <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-modal="false" style="display: none;">
+    <div class="o-modal__overlay" tabindex="-1"></div>
     <div class="o-modal__content" style="max-width: 960px;">
       <div data-v-e0cceef3="" data-v-49696bef="" class="p-2">
         <header data-v-e0cceef3="" class="mb-3">
           <h2 data-v-e0cceef3="" class="text-2xl">Report this comment</h2>
         </header>
         <section data-v-e0cceef3="">
-          <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" class="o-icon o-icon--warning hidden md:block flex-1" data-oruga="icon"><i class="mdi mdi-alert 48"></i></span>
+          <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" data-oruga="icon" class="o-icon o-icon--warning hidden md:block flex-1"><i class="mdi mdi-alert 48"></i></span>
             <p data-v-e0cceef3="">The report will be sent to the moderators of your instance. You can explain why you report this content below.</p>
           </div>
           <div data-v-e0cceef3="">
             <!--v-if-->
-            <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label for="additional-comments" class="o-field__label">Additional comments</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-e0cceef3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-                    <!---->
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+            <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label id="v-3" for="additional-comments" class="o-field__label">Additional comments</label>
+              <div data-v-e0cceef3="" data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+                <!----><textarea aria-labelledby="v-3" autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input__input o-input__input--placeholder"></textarea>
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
             <!--v-if-->
           </div>
         </section>
-        <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+        <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
             <!----></span>
-          </button><button data-v-e0cceef3="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the report</span>
+          </button><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the report</span>
             <!----></span>
           </button></footer>
-      </div><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+      </div><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
     </div>
   </div>
 </transition-stub>
@@ -89,40 +83,36 @@ exports[`DiscussionComment > Show Deleted comment 1`] = `
 </article>
 <!--teleport start-->
 <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-  <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" aria-modal="false" style="display: none;">
-    <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+  <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-modal="false" style="display: none;">
+    <div class="o-modal__overlay" tabindex="-1"></div>
     <div class="o-modal__content" style="max-width: 960px;">
       <div data-v-e0cceef3="" data-v-49696bef="" class="p-2">
         <header data-v-e0cceef3="" class="mb-3">
           <h2 data-v-e0cceef3="" class="text-2xl">Report this comment</h2>
         </header>
         <section data-v-e0cceef3="">
-          <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" class="o-icon o-icon--warning hidden md:block flex-1" data-oruga="icon"><i class="mdi mdi-alert 48"></i></span>
+          <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" data-oruga="icon" class="o-icon o-icon--warning hidden md:block flex-1"><i class="mdi mdi-alert 48"></i></span>
             <p data-v-e0cceef3="">The report will be sent to the moderators of your instance. You can explain why you report this content below.</p>
           </div>
           <div data-v-e0cceef3="">
             <!--v-if-->
-            <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label for="additional-comments" class="o-field__label">Additional comments</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-e0cceef3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-                    <!---->
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+            <div data-v-e0cceef3="" data-oruga="field" class="o-field"><label id="v-0" for="additional-comments" class="o-field__label">Additional comments</label>
+              <div data-v-e0cceef3="" data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+                <!----><textarea aria-labelledby="v-0" autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input__input o-input__input--placeholder"></textarea>
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
             <!--v-if-->
           </div>
         </section>
-        <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+        <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
             <!----></span>
-          </button><button data-v-e0cceef3="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the report</span>
+          </button><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the report</span>
             <!----></span>
           </button></footer>
-      </div><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+      </div><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
     </div>
   </div>
 </transition-stub>
diff --git a/tests/unit/specs/components/Event/__snapshots__/EventActionSection.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/EventActionSection.spec.ts.snap
index 02217738e..1a5d0decb 100644
--- a/tests/unit/specs/components/Event/__snapshots__/EventActionSection.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/EventActionSection.spec.ts.snap
@@ -43,7 +43,7 @@ exports[`EventActionSection > event action section with basic informations 1`] =
         </o-field>
         <div class="buttons">
           <o-button native-type="button" class="button">Cancel</o-button>
-          <o-button variant="primary" native-type="submit">Confirm my participation</o-button>
+          <o-button variant="primary" type="submit">Confirm my participation</o-button>
         </div>
       </form>
     </section>
@@ -105,7 +105,7 @@ exports[`EventActionSection > event action section with creator as participant 1
         </o-field>
         <div class="buttons">
           <o-button native-type="button" class="button">Cancel</o-button>
-          <o-button variant="primary" native-type="submit">Confirm my participation</o-button>
+          <o-button variant="primary" type="submit">Confirm my participation</o-button>
         </div>
       </form>
     </section>
@@ -156,7 +156,7 @@ exports[`EventActionSection > event action section with participant 1`] = `
         </o-field>
         <div class="buttons">
           <o-button native-type="button" class="button">Cancel</o-button>
-          <o-button variant="primary" native-type="submit">Confirm my participation</o-button>
+          <o-button variant="primary" type="submit">Confirm my participation</o-button>
         </div>
       </form>
     </section>
diff --git a/tests/unit/specs/components/Event/__snapshots__/OrganizerPicker.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/OrganizerPicker.spec.ts.snap
index 9278eaf31..1e1606e85 100644
--- a/tests/unit/specs/components/Event/__snapshots__/OrganizerPicker.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/OrganizerPicker.spec.ts.snap
@@ -2,8 +2,8 @@
 
 exports[`OrganizerPicker > Show simple 1`] = `
 "<div data-v-4ef6e9b3="" class="max-w-md mx-auto">
-  <div data-v-4ef6e9b3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input dir="auto" class="o-input" id="" data-oruga-input="text" type="text" autocomplete="off" placeholder="Filter by profile or group name">
-    <!---->
+  <div data-v-4ef6e9b3="" data-oruga="input" class="o-input o-input--expanded">
+    <!----><input dir="auto" class="o-input__input o-input__input--placeholder" id="v-0" type="text" data-oruga-input="text" autocomplete="off" placeholder="Filter by profile or group name">
     <!---->
     <!---->
   </div>
diff --git a/tests/unit/specs/components/Event/__snapshots__/OrganizerPickerWrapper.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/OrganizerPickerWrapper.spec.ts.snap
index fb0b23083..c220cbf9a 100644
--- a/tests/unit/specs/components/Event/__snapshots__/OrganizerPickerWrapper.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/OrganizerPickerWrapper.spec.ts.snap
@@ -9,15 +9,15 @@ exports[`OrganizerPickerWrapper > Show simple 1`] = `
       <div class="flex-1">
         <p class="">Sigmund</p>
         <p class="">@hello</p>
-      </div><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change</span>
+      </div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Change</span>
         <!----></span>
       </button>
     </div>
   </div>
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" aria-modal="false" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" close-button-aria-label="Close" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-modal="false" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <div class="p-2 rounded">
           <header class="">
@@ -35,10 +35,10 @@ exports[`OrganizerPickerWrapper > Show simple 1`] = `
               </div>
             </div>
           </section>
-          <footer class="my-2 text-center sm:text-right"><button type="button" class="o-btn o-btn--primary w-full sm:w-auto" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Pick</span>
+          <footer class="my-2 text-center sm:text-right"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary w-full sm:w-auto"><span class="o-button__wrapper"><!----><span class="o-button__label">Pick</span>
               <!----></span>
             </button></footer>
-        </div><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </div><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
diff --git a/tests/unit/specs/components/Event/__snapshots__/ParticipationButton.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/ParticipationButton.spec.ts.snap
index 1b33cf24f..116ff8942 100644
--- a/tests/unit/specs/components/Event/__snapshots__/ParticipationButton.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/ParticipationButton.spec.ts.snap
@@ -2,21 +2,19 @@
 
 exports[`ParticipationButton > Show Basic 1`] = `
 "<div class="ml-auto w-min">
-  <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-    <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button type="button" class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Participate</span><span class="o-icon o-icon--large o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
+  <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left">
+    <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--large o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Participate</span><span data-oruga="icon" class="o-icon o-icon--large o-button__icon o-button__icon-right"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
     <!--teleport start-->
+    <!---->
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <!---->
-    </transition-stub>
-    <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-        <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">
+      <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+        <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">
           <div class="flex gap-2 items-center">
             <figure class=""><img class="rounded-xl" src="https://mobilizon.fr/media/3a5f18c058a8193b1febfaf561f94ae8b91f85ac64c01ddf5ad7b251fb43baf5.jpg?name=profil.jpg" alt="" width="24" height="24"></figure>
             <div class=""><span>as Thomas</span></div>
           </div>
         </div>
-        <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">with another identity…</div>
+        <div id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">with another identity…</div>
       </div>
     </transition-stub>
     <!--teleport end-->
@@ -26,21 +24,19 @@ exports[`ParticipationButton > Show Basic 1`] = `
 
 exports[`ParticipationButton > Show Basic with confirmation 1`] = `
 "<div class="ml-auto w-min">
-  <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-    <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button type="button" class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Participate</span><span class="o-icon o-icon--large o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
+  <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left">
+    <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--large o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Participate</span><span data-oruga="icon" class="o-icon o-icon--large o-button__icon o-button__icon-right"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
     <!--teleport start-->
+    <!---->
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <!---->
-    </transition-stub>
-    <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-        <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">
+      <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+        <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">
           <div class="flex gap-2 items-center">
             <figure class=""><img class="rounded-xl" src="https://mobilizon.fr/media/3a5f18c058a8193b1febfaf561f94ae8b91f85ac64c01ddf5ad7b251fb43baf5.jpg?name=profil.jpg" alt="" width="24" height="24"></figure>
             <div class=""><span>as Thomas</span></div>
           </div>
         </div>
-        <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">with another identity…</div>
+        <div id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">with another identity…</div>
       </div>
     </transition-stub>
     <!--teleport end-->
@@ -50,15 +46,13 @@ exports[`ParticipationButton > Show Basic with confirmation 1`] = `
 
 exports[`ParticipationButton > Show Participating 1`] = `
 "<div class="ml-auto w-min">
-  <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-    <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button type="button" class="o-btn o-btn--large o-btn--success" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--large o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-check mdi-48px"></i></span><span class="o-btn__label">I participate</span><span class="o-icon o-icon--large o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
+  <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left">
+    <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--large o-button--success"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--large o-button__icon o-button__icon-left"><i class="mdi mdi-check mdi-48px"></i></span><span class="o-button__label">I participate</span><span data-oruga="icon" class="o-icon o-icon--large o-button__icon o-button__icon-right"><i class="mdi mdi-menu-down mdi-48px"></i></span></span></button></div>
     <!--teleport start-->
+    <!---->
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <!---->
-    </transition-stub>
-    <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-        <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">Cancel my participation…</div>
+      <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+        <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">Cancel my participation…</div>
       </div>
     </transition-stub>
     <!--teleport end-->
@@ -69,18 +63,16 @@ exports[`ParticipationButton > Show Participating 1`] = `
 exports[`ParticipationButton > Show Pending approval 1`] = `
 "<div class="ml-auto w-min">
   <div class="flex flex-col">
-    <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-      <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><button type="button" class="o-btn o-btn--large o-btn--success" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label"><template class="flex items-center"></template></span>
+    <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left">
+      <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--large o-button--success"><span class="o-button__wrapper"><!----><span class="o-button__label"><template class="flex items-center"></template></span>
           <!----></span>
         </button></div>
       <!--teleport start-->
+      <!---->
       <transition-stub name="fade" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
-      <transition-stub name="fade" appear="false" persisted="false" css="true">
-        <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-          <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">Change my identity…</div>
-          <div class="o-drop__item o-drop__item--clickable" role="listitem" tabindex="0" data-oruga="dropdown-item">Cancel my participation request…</div>
+        <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+          <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">Change my identity…</div>
+          <div id="v-0-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem">Cancel my participation request…</div>
         </div>
       </transition-stub>
       <!--teleport end-->
@@ -98,7 +90,7 @@ exports[`ParticipationButton > Show Rejected 1`] = `
 `;
 
 exports[`ParticipationButton > Show Unlogged 1`] = `
-"<div class="ml-auto w-min"><a href="/events/0123456789/participate/with-account" class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button" rel="nofollow"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Participate</span>
+"<div class="ml-auto w-min"><a href="/events/0123456789/participate/with-account" class="o-button o-button--large o-button--primary" data-oruga="button" role="button" tabindex="0" rel="nofollow" native-type="button"><span class="o-button__wrapper"><!----><span class="o-button__label">Participate</span>
     <!----></span>
   </a></div>"
 `;
diff --git a/tests/unit/specs/components/Event/__snapshots__/ShareEventModal.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/ShareEventModal.spec.ts.snap
index edaeb2796..470610681 100644
--- a/tests/unit/specs/components/Event/__snapshots__/ShareEventModal.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/ShareEventModal.spec.ts.snap
@@ -10,7 +10,7 @@ exports[`ShareEventModal > Show Cancelled 1`] = `
       <div data-v-2242ad82="" class="w-full">
         <!--v-if-->
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <article class="o-notification o-notification--danger o-notification--top" data-oruga="notification">
+          <article closable="false" data-oruga="notification" class="o-notification o-notification--danger o-notification--top">
             <!---->
             <div class="o-notification__wrapper">
               <!---->
@@ -19,25 +19,21 @@ exports[`ShareEventModal > Show Cancelled 1`] = `
           </article>
         </transition-stub>
         <!--v-if-->
-        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Event URL</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-              <p data-v-2242ad82="" class="control">
-              <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-                <!--teleport start-->
-                <transition-stub name="fade" appear="false" persisted="false" css="true">
-                  <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-                </transition-stub>
-                <!--teleport end-->
-                <div class="o-tip__trigger" aria-haspopup="true"></div>
-              </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-            </div>
+        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Event URL</label>
+          <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+            <!---->
+            <!---->
           </div>
+          <p data-v-2242ad82="" class="control">
+          <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+            <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+            <!--teleport start-->
+            <transition-stub name="fade" appear="false" persisted="false" css="true">
+              <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+            </transition-stub>
+            <!--teleport end-->
+          </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
           <!---->
         </div>
         <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/events/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
@@ -58,7 +54,7 @@ exports[`ShareEventModal > Show No seats left 1`] = `
         <!--v-if-->
         <!--v-if-->
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <article class="o-notification o-notification--warning o-notification--top" data-oruga="notification">
+          <article data-oruga="notification" class="o-notification o-notification--warning o-notification--top">
             <!---->
             <div class="o-notification__wrapper">
               <!---->
@@ -66,25 +62,21 @@ exports[`ShareEventModal > Show No seats left 1`] = `
             </div>
           </article>
         </transition-stub>
-        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Event URL</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-              <p data-v-2242ad82="" class="control">
-              <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-                <!--teleport start-->
-                <transition-stub name="fade" appear="false" persisted="false" css="true">
-                  <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-                </transition-stub>
-                <!--teleport end-->
-                <div class="o-tip__trigger" aria-haspopup="true"></div>
-              </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-            </div>
+        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Event URL</label>
+          <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+            <!---->
+            <!---->
           </div>
+          <p data-v-2242ad82="" class="control">
+          <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+            <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+            <!--teleport start-->
+            <transition-stub name="fade" appear="false" persisted="false" css="true">
+              <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+            </transition-stub>
+            <!--teleport end-->
+          </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
           <!---->
         </div>
         <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/events/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
@@ -103,7 +95,7 @@ exports[`ShareEventModal > Show Private 1`] = `
     <section data-v-2242ad82="" class="flex">
       <div data-v-2242ad82="" class="w-full">
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <article class="o-notification o-notification--warning o-notification--top" data-oruga="notification">
+          <article closable="false" data-oruga="notification" class="o-notification o-notification--warning o-notification--top">
             <!---->
             <div class="o-notification__wrapper">
               <!---->
@@ -113,25 +105,21 @@ exports[`ShareEventModal > Show Private 1`] = `
         </transition-stub>
         <!--v-if-->
         <!--v-if-->
-        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Event URL</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-              <p data-v-2242ad82="" class="control">
-              <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-                <!--teleport start-->
-                <transition-stub name="fade" appear="false" persisted="false" css="true">
-                  <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-                </transition-stub>
-                <!--teleport end-->
-                <div class="o-tip__trigger" aria-haspopup="true"></div>
-              </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-            </div>
+        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Event URL</label>
+          <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+            <!---->
+            <!---->
           </div>
+          <p data-v-2242ad82="" class="control">
+          <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+            <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+            <!--teleport start-->
+            <transition-stub name="fade" appear="false" persisted="false" css="true">
+              <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+            </transition-stub>
+            <!--teleport end-->
+          </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
           <!---->
         </div>
         <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/events/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
@@ -149,25 +137,21 @@ exports[`ShareEventModal > Show Public 1`] = `
     </header>
     <section data-v-2242ad82="" class="flex">
       <div data-v-2242ad82="" class="w-full">
-        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Event URL</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-              <p data-v-2242ad82="" class="control">
-              <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-                <!--teleport start-->
-                <transition-stub name="fade" appear="false" persisted="false" css="true">
-                  <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-                </transition-stub>
-                <!--teleport end-->
-                <div class="o-tip__trigger" aria-haspopup="true"></div>
-              </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-            </div>
+        <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Event URL</label>
+          <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+            <!---->
+            <!---->
           </div>
+          <p data-v-2242ad82="" class="control">
+          <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+            <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+            <!--teleport start-->
+            <transition-stub name="fade" appear="false" persisted="false" css="true">
+              <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+            </transition-stub>
+            <!--teleport end-->
+          </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
           <!---->
         </div>
         <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fevents%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/events/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
diff --git a/tests/unit/specs/components/Event/__snapshots__/TagInput.spec.ts.snap b/tests/unit/specs/components/Event/__snapshots__/TagInput.spec.ts.snap
index 47074bada..f6bb1b6cb 100644
--- a/tests/unit/specs/components/Event/__snapshots__/TagInput.spec.ts.snap
+++ b/tests/unit/specs/components/Event/__snapshots__/TagInput.spec.ts.snap
@@ -1,41 +1,37 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`TagInput > Show new 1`] = `
-"<div data-oruga="field" class="o-field taginput-field"><label for="tag-input-1" class="o-field__label">
+"<div data-oruga="field" class="o-field taginput-field"><label id="v-0-0" for="tag-input-1" class="o-field__label">
     <p class="inline-flex items-center gap-0.5">Add some tags
-    <div class="o-tip" data-oruga="tooltip">
+    <div data-oruga="tooltip" class="o-tooltip">
+      <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-0-2"><span aria-hidden="true" class="material-design-icon help-circle-outline-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"><!--v-if--></path></svg></span></div>
       <!--teleport start-->
       <transition-stub name="fade" appear="false" persisted="false" css="true">
-        <div class="o-tip__content o-tip__content--auto o-tip__content--dark" style="display: none;"><span class="o-tip__arrow o-tip__arrow--auto o-tip__arrow--dark"></span>You can add tags by hitting the Enter key or by adding a comma</div>
+        <div id="v-0-2" class="o-tooltip__content o-tooltip__content--auto o-tooltip__content--dark" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--auto o-tooltip__arrow--dark"></span>You can add tags by hitting the Enter key or by adding a comma</div>
       </transition-stub>
       <!--teleport end-->
-      <div class="o-tip__trigger" aria-haspopup="true"><span aria-hidden="true" class="material-design-icon help-circle-outline-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="16" height="16" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"><!--v-if--></path></svg></span></div>
     </div>
     </p>
   </label>
-  <div class="o-field__body">
-    <div class="o-field o-field--addons">
-      <div data-oruga="taginput" class="o-taginput o-taginput--expanded">
-        <div class="o-taginput__container"><span class="o-taginput__item"><span>Hello</span><span class="o-icon o-icon--clickable o-taginput__item__close" data-oruga="icon"><i class="mdi mdi-close mdi-24px"></i></span></span>
-          <div data-oruga="autocomplete" class="o-drop o-drop--expanded o-drop--position-auto o-acp o-taginput__autocomplete">
-            <div tabindex="-1" class="o-drop__trigger" aria-haspopup="listbox">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input dir="auto" has-counter="false" role="combobox" aria-autocomplete="list" aria-controls="" aria-expanded="false" id="tag-input-1" data-oruga-input="text" type="text" class="o-input o-taginput__input o-input--iconspace-left" maxlength="20" autocomplete="off" placeholder="Eg: Stockholm, Dance, Chess…"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-label mdi-24px"></i></span>
-                <!---->
-                <!---->
-              </div>
-            </div>
-            <!--teleport start-->
-            <transition-stub name="fade" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
-            <transition-stub name="fade" appear="false" persisted="false" css="true">
-              <div id="" tabindex="-1" class="o-drop__menu o-drop__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-hidden="true" aria-modal="false"></div>
-            </transition-stub>
-            <!--teleport end-->
+  <div data-oruga="taginput" class="o-taginput o-taginput--expanded">
+    <div class="o-taginput__container"><span data-oruga="tag" class="o-tag o-taginput__item"><!----><span class="o-tag__label">Hello</span><button type="button" class="o-tag__close" aria-label="Remove" data-oruga="close"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-close mdi-24px"></i></span></button></span>
+      <div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-auto o-autocomplete o-taginput__autocomplete">
+        <div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-disabled="false" aria-controls="v-0-4" aria-labelledby="v-0-0">
+          <div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-label mdi-24px"></i></span><input aria-labelledby="v-0-0" data="" allow-autocomplete="true" field="title" dir="auto" has-counter="false" aria-autocomplete="list" aria-controls="v-0-4" enterkeyhint="enter" id="tag-input-1" type="text" data-oruga-input="text" class="o-input__input o-taginput__input o-input__input--iconspace-left o-input__input--placeholder" maxlength="20" autocomplete="off" placeholder="Eg: Stockholm, Dance, Chess…">
+            <!---->
+            <!---->
           </div>
-        </div><small class="o-taginput__counter">1 / 10</small>
+        </div>
+        <!--teleport start-->
+        <!---->
+        <transition-stub name="fade" appear="false" persisted="false" css="true">
+          <div id="v-0-4" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-labelledby="v-0-0" aria-multiselectable="false">
+            <!---->
+          </div>
+        </transition-stub>
+        <!--teleport end-->
       </div>
-    </div>
+    </div><small class="o-taginput__counter">1 / 10</small>
   </div>
   <!---->
 </div>"
diff --git a/tests/unit/specs/components/Group/__snapshots__/GroupMemberCard.spec.ts.snap b/tests/unit/specs/components/Group/__snapshots__/GroupMemberCard.spec.ts.snap
index b3cc28113..76a6cbbe9 100644
--- a/tests/unit/specs/components/Group/__snapshots__/GroupMemberCard.spec.ts.snap
+++ b/tests/unit/specs/components/Group/__snapshots__/GroupMemberCard.spec.ts.snap
@@ -22,15 +22,13 @@ exports[`GroupMemberCard > Show administrator 1`] = `
       </div>
     </div>
     <div>
-      <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-        <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
+      <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list">
+        <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
         <!--teleport start-->
+        <!---->
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <!---->
-        </transition-stub>
-        <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-            <div class="o-drop__item o-drop__item--clickable inline-flex gap-1" role="listitem" tabindex="0" data-oruga="dropdown-item"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
+          <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+            <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable inline-flex gap-1" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
           </div>
         </transition-stub>
         <!--teleport end-->
@@ -62,15 +60,13 @@ exports[`GroupMemberCard > Show moderator 1`] = `
       </div>
     </div>
     <div>
-      <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-        <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
+      <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list">
+        <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
         <!--teleport start-->
+        <!---->
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <!---->
-        </transition-stub>
-        <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-            <div class="o-drop__item o-drop__item--clickable inline-flex gap-1" role="listitem" tabindex="0" data-oruga="dropdown-item"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
+          <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+            <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable inline-flex gap-1" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
           </div>
         </transition-stub>
         <!--teleport end-->
@@ -104,15 +100,13 @@ exports[`GroupMemberCard > Show simple member 1`] = `
       </div>
     </div>
     <div>
-      <div data-oruga="dropdown" class="o-drop o-drop--position-bottom-left">
-        <div tabindex="0" class="o-drop__trigger" aria-haspopup="true"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
+      <div data-oruga="dropdown" class="o-dropdown o-dropdown--position-bottom-left" aria-role="list">
+        <div class="o-dropdown__trigger" aria-haspopup="menu" aria-disabled="false" aria-controls="v-0"><span class="cursor-pointer material-design-icon dots-horizontal-icon cursor-pointer" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"><!--v-if--></path></svg></span></div>
         <!--teleport start-->
+        <!---->
         <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <!---->
-        </transition-stub>
-        <transition-stub name="fade" appear="false" persisted="false" css="true">
-          <div class="o-drop__menu o-drop__menu--bottom-left" role="list" aria-hidden="true" aria-modal="true" style="display: none;">
-            <div class="o-drop__item o-drop__item--clickable inline-flex gap-1" role="listitem" tabindex="0" data-oruga="dropdown-item"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
+          <div id="v-0" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom-left" role="menu" aria-hidden="true" style="display: none;">
+            <div id="v-0-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable inline-flex gap-1" role="menuitem" tabindex="-1" aria-disabled="false" aria-role="listitem"><span aria-hidden="true" class="material-design-icon exit-to-app-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"><!--v-if--></path></svg></span> Leave</div>
           </div>
         </transition-stub>
         <!--teleport end-->
diff --git a/tests/unit/specs/components/Group/__snapshots__/GroupSection.spec.ts.snap b/tests/unit/specs/components/Group/__snapshots__/GroupSection.spec.ts.snap
index d464a83dc..248e20baf 100644
--- a/tests/unit/specs/components/Group/__snapshots__/GroupSection.spec.ts.snap
+++ b/tests/unit/specs/components/Group/__snapshots__/GroupSection.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`GroupSection > renders group section with basic informations 1`] = `
 "<section class="flex flex-col border-2 border-yellow-1 rounded-lg">
   <div class="flex items-stretch py-3 px-1 bg-yellow-1 text-violet-title">
-    <div class="flex flex-1 gap-1"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-bullhorn 36"></i></span>
+    <div class="flex flex-1 gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-bullhorn 36"></i></span>
       <h2 class="text-2xl font-medium mt-0">My group section</h2>
     </div><a href="/@my_group@remotedomain.net/p" class="self-center">View all</a>
   </div>
@@ -17,7 +17,7 @@ exports[`GroupSection > renders group section with basic informations 1`] = `
 exports[`GroupSection > renders public group section 1`] = `
 "<section class="flex flex-col border-2 border-yellow-1 rounded-lg">
   <div class="flex items-stretch py-3 px-1 bg-yellow-1 text-violet-title">
-    <div class="flex flex-1 gap-1"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-bullhorn 36"></i></span>
+    <div class="flex flex-1 gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-bullhorn 36"></i></span>
       <h2 class="text-2xl font-medium mt-0">My group section</h2>
     </div><a href="/@my_group@remotedomain.net/p" class="self-center">View all</a>
   </div>
diff --git a/tests/unit/specs/components/Home/__snapshots__/MobilizonPresentation.spec.ts.snap b/tests/unit/specs/components/Home/__snapshots__/MobilizonPresentation.spec.ts.snap
index 1a7a48655..13a3c3a51 100644
--- a/tests/unit/specs/components/Home/__snapshots__/MobilizonPresentation.spec.ts.snap
+++ b/tests/unit/specs/components/Home/__snapshots__/MobilizonPresentation.spec.ts.snap
@@ -16,7 +16,7 @@ exports[`MobilizonPresentation > Show simple 1`] = `
       <p class="dark:text-white">Mobilizon is not a giant platform, but a <b>multitude of interconnected Mobilizon websites</b>.</p>
     </div>
   </div>
-  <div class="mt-4 text-center"><a class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button" href="https://mobilizon.org"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Learn more about Mobilizon</span>
+  <div class="mt-4 text-center"><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--large o-button--primary" href="https://mobilizon.org"><span class="o-button__wrapper"><!----><span class="o-button__label">Learn more about Mobilizon</span>
       <!----></span>
     </a></div>
 </div>"
diff --git a/tests/unit/specs/components/Home/__snapshots__/SearchFields.spec.ts.snap b/tests/unit/specs/components/Home/__snapshots__/SearchFields.spec.ts.snap
index 122463629..dbcc66579 100644
--- a/tests/unit/specs/components/Home/__snapshots__/SearchFields.spec.ts.snap
+++ b/tests/unit/specs/components/Home/__snapshots__/SearchFields.spec.ts.snap
@@ -3,17 +3,17 @@
 exports[`SearchFields > Show simple 1`] = `
 "<form data-v-a19720a3="" id="search-anchor" class="container mx-auto p-2 flex flex-col flex-wrap items-stretch gap-2 justify-center dark:text-slate-100" role="search" location="[object Object]">
   <div data-v-a19720a3="" class="flex flex-col flex-wrap sm:flex-row gap-2 justify-center"><label data-v-a19720a3="" class="sr-only" for="search_field_input">Keyword, event title, group name, etc.</label>
-    <div data-v-a19720a3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input class="min-w-48 o-input" autofocus="" autocapitalize="off" autocorrect="off" id="search_field_input" data-oruga-input="text" type="text" maxlength="1024" autocomplete="off" placeholder="Keyword, event title, group name, etc.">
-      <!---->
+    <div data-v-a19720a3="" data-oruga="input" class="o-input o-input--expanded">
+      <!----><input class="min-w-48 o-input__input o-input__input--placeholder" autofocus="" autocapitalize="off" autocorrect="off" id="search_field_input" type="text" data-oruga-input="text" maxlength="1024" autocomplete="off" placeholder="Keyword, event title, group name, etc.">
       <!---->
       <!---->
     </div>
     <!---->
   </div>
-  <div data-v-a19720a3="" class="flex flex-col flex-wrap sm:flex-row gap-2 justify-center"><button data-v-a19720a3="" type="submit" class="o-btn search-Event min-w-40" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-calendar mdi-24px"></i></span><span class="o-btn__label">Events</span>
+  <div data-v-a19720a3="" class="flex flex-col flex-wrap sm:flex-row gap-2 justify-center"><button data-v-a19720a3="" data-oruga="button" type="submit" role="button" tabindex="0" class="o-button search-Event min-w-40"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-calendar mdi-24px"></i></span><span class="o-button__label">Events</span>
       <!----></span>
     </button>
-    <!--v-if--><button data-v-a19720a3="" type="submit" class="o-btn search-Group min-w-40" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-account-multiple mdi-24px"></i></span><span class="o-btn__label">Groups</span>
+    <!--v-if--><button data-v-a19720a3="" data-oruga="button" type="submit" role="button" tabindex="0" class="o-button search-Group min-w-40"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-account-multiple mdi-24px"></i></span><span class="o-button__label">Groups</span>
       <!----></span>
     </button>
   </div>
diff --git a/tests/unit/specs/components/Participation/ParticipationSection.spec.ts b/tests/unit/specs/components/Participation/ParticipationSection.spec.ts
index 57bd69973..4a859af01 100644
--- a/tests/unit/specs/components/Participation/ParticipationSection.spec.ts
+++ b/tests/unit/specs/components/Participation/ParticipationSection.spec.ts
@@ -82,7 +82,7 @@ describe("ParticipationSection", () => {
     );
 
     const cancelAnonymousParticipationButton = wrapper.find(
-      ".event-participation > button.o-btn--text"
+      ".event-participation > button.o-button--text"
     );
     expect(cancelAnonymousParticipationButton.text()).toBe(
       "Cancel anonymous participation"
@@ -108,7 +108,7 @@ describe("ParticipationSection", () => {
     );
 
     const cancelAnonymousParticipationButton = wrapper.find(
-      ".event-participation > button.o-btn--text"
+      ".event-participation > button.o-button--text"
     );
     expect(cancelAnonymousParticipationButton.text()).toBe(
       "Cancel anonymous participation"
@@ -146,7 +146,7 @@ describe("ParticipationSection", () => {
     });
 
     expect(wrapper.find(".event-participation").exists()).toBeFalsy();
-    expect(wrapper.find("button.o-btn--primary").text()).toBe(
+    expect(wrapper.find("button.o-button--primary").text()).toBe(
       "Event already passed"
     );
   });
diff --git a/tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap b/tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap
index 687ade13d..090773746 100644
--- a/tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap
+++ b/tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`ParticipationWithoutAccount > handles being already a participant 1`] =
     <form>
       <p>This Mobilizon instance and this event organizer allows anonymous participations, but requires validation through email confirmation.</p>
       <transition-stub name="fade" appear="false" persisted="false" css="true">
-        <article class="o-notification o-notification--info o-notification--top" data-oruga="notification">
+        <article data-oruga="notification" class="o-notification o-notification--info o-notification--top">
           <!---->
           <div class="o-notification__wrapper">
             <!---->
@@ -15,7 +15,7 @@ exports[`ParticipationWithoutAccount > handles being already a participant 1`] =
         </article>
       </transition-stub>
       <transition-stub name="fade" appear="false" persisted="false" css="true">
-        <article class="o-notification o-notification--danger o-notification--top" data-oruga="notification">
+        <article data-oruga="notification" class="o-notification o-notification--danger o-notification--top">
           <!---->
           <div class="o-notification__wrapper">
             <!---->
@@ -23,41 +23,33 @@ exports[`ParticipationWithoutAccount > handles being already a participant 1`] =
           </div>
         </article>
       </transition-stub>
-      <div data-oruga="field" class="o-field o-field--filled"><label for="anonymousParticipationEmail" class="o-field__label">Email address</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-oruga="input" class="o-input__wrapper"><input required="" id="anonymousParticipationEmail" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="Your email">
-              <!---->
-              <!---->
-              <!---->
-            </div>
-          </div>
+      <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" for="anonymousParticipationEmail" class="o-field__label">Email address</label>
+        <div data-oruga="input" class="o-input">
+          <!----><input aria-labelledby="v-0-0" required="" id="anonymousParticipationEmail" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" placeholder="Your email">
+          <!---->
+          <!---->
         </div>
         <!---->
       </div>
       <p>If you want, you may send a message to the event organizer here.</p>
-      <div data-oruga="field" class="o-field o-field--filled"><label for="anonymousParticipationMessage" class="o-field__label">Message</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-oruga="input" class="o-input__wrapper"><textarea minlength="10" id="anonymousParticipationMessage" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-              <!---->
-              <!---->
-              <!---->
-            </div>
-          </div>
+      <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-2" for="anonymousParticipationMessage" class="o-field__label">Message</label>
+        <div data-oruga="input" class="o-input o-input--textarea">
+          <!----><textarea aria-labelledby="v-0-2" minlength="10" id="anonymousParticipationMessage" data-oruga-input="textarea" class="o-input__input"></textarea>
+          <!---->
+          <!---->
         </div>
         <!---->
       </div>
       <div data-oruga="field" class="o-field">
         <!---->
-        <div class="o-field__body">
-          <div class="o-field o-field--addons"><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label"><b>Remember my participation in this browser</b><p>Will allow to display and manage your participation status on the event page when using this device. Uncheck if you're using a public device.</p></span></label></div>
-        </div>
+        <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input aria-labelledby="v-0-4" id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true"><label id="v-0-4" for="v-0-6" class="o-checkbox__label"><b>Remember my participation in this browser</b>
+            <p>Will allow to display and manage your participation status on the event page when using this device. Uncheck if you're using a public device.</p>
+          </label></div>
         <!---->
       </div>
-      <div class="flex gap-2 my-2"><button type="submit" class="o-btn o-btn--primary o-btn--disabled" role="button" data-oruga="button" disabled=""><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send email</span>
+      <div class="flex gap-2 my-2"><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary o-button--disabled" disabled=""><span class="o-button__wrapper"><!----><span class="o-button__label">Send email</span>
           <!----></span>
-        </button><button type="button" class="o-btn o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Back to previous page</span>
+        </button><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--text" native-type="button"><span class="o-button__wrapper"><!----><span class="o-button__label">Back to previous page</span>
           <!----></span>
         </button></div>
     </form>
diff --git a/tests/unit/specs/components/Post/__snapshots__/SharePostModal.spec.ts.snap b/tests/unit/specs/components/Post/__snapshots__/SharePostModal.spec.ts.snap
index 7f097f3bb..e57c3e84e 100644
--- a/tests/unit/specs/components/Post/__snapshots__/SharePostModal.spec.ts.snap
+++ b/tests/unit/specs/components/Post/__snapshots__/SharePostModal.spec.ts.snap
@@ -7,25 +7,21 @@ exports[`SharePostModal > Show private 1`] = `
   </header>
   <section data-v-2242ad82="" class="flex">
     <div data-v-2242ad82="" class="w-full">
-      <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Post URL</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-              <!---->
-              <!---->
-              <!---->
-            </div>
-            <p data-v-2242ad82="" class="control">
-            <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-              <!--teleport start-->
-              <transition-stub name="fade" appear="false" persisted="false" css="true">
-                <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-              </transition-stub>
-              <!--teleport end-->
-              <div class="o-tip__trigger" aria-haspopup="true"></div>
-            </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-          </div>
+      <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Post URL</label>
+        <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+          <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+          <!---->
+          <!---->
         </div>
+        <p data-v-2242ad82="" class="control">
+        <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+          <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+          <!--teleport start-->
+          <transition-stub name="fade" appear="false" persisted="false" css="true">
+            <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+          </transition-stub>
+          <!--teleport end-->
+        </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
         <!---->
       </div>
       <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/p/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
@@ -41,25 +37,21 @@ exports[`SharePostModal > Show public 1`] = `
   </header>
   <section data-v-2242ad82="" class="flex">
     <div data-v-2242ad82="" class="w-full">
-      <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label for="url-text" class="o-field__label">Post URL</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-v-2242ad82="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input id="url-text" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-              <!---->
-              <!---->
-              <!---->
-            </div>
-            <p data-v-2242ad82="" class="control">
-            <div data-v-2242ad82="" class="o-tip" data-oruga="tooltip">
-              <!--teleport start-->
-              <transition-stub name="fade" appear="false" persisted="false" css="true">
-                <div class="o-tip__content o-tip__content--left o-tip__content--success" style="display: none;"><span class="o-tip__arrow o-tip__arrow--left o-tip__arrow--success"></span>URL copied to clipboard</div>
-              </transition-stub>
-              <!--teleport end-->
-              <div class="o-tip__trigger" aria-haspopup="true"></div>
-            </div><button data-v-2242ad82="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button" title="Copy URL to clipboard"><span class="o-btn__wrapper"><!----><!----><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
-          </div>
+      <div data-v-2242ad82="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="url-text" class="o-field__label">Post URL</label>
+        <div data-v-2242ad82="" data-oruga="input" class="o-input o-input--expanded">
+          <!----><input aria-labelledby="v-0" id="url-text" type="text" data-oruga-input="text" class="o-input__input" autocomplete="off">
+          <!---->
+          <!---->
         </div>
+        <p data-v-2242ad82="" class="control">
+        <div data-v-2242ad82="" data-oruga="tooltip" class="o-tooltip">
+          <div class="o-tooltip__trigger" aria-haspopup="true" aria-describedby="v-2"></div>
+          <!--teleport start-->
+          <transition-stub name="fade" appear="false" persisted="false" css="true">
+            <div id="v-2" class="o-tooltip__content o-tooltip__content--left o-tooltip__content--success" role="tooltip" style="display: none;"><span class="o-tooltip__arrow o-tooltip__arrow--left o-tooltip__arrow--success"></span>URL copied to clipboard</div>
+          </transition-stub>
+          <!--teleport end-->
+        </div><button data-v-2242ad82="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary" native-type="button" title="Copy URL to clipboard"><span class="o-button__wrapper"><!----><!----><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-content-paste mdi-24px"></i></span></span></button></p>
         <!---->
       </div>
       <div data-v-2242ad82="" class="flex flex-wrap gap-1"><a data-v-2242ad82="" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;text=hello" target="_blank" rel="nofollow noopener" title="Twitter"><span data-v-2242ad82="" class="dark:text-white material-design-icon twitter-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://toot.kytta.dev/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" class="mastodon" target="_blank" rel="nofollow noopener" title="Mastodon"><span data-v-2242ad82="" class="text-primary dark:text-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976"><title>Mastodon logo</title><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg></span></a><a data-v-2242ad82="" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" target="_blank" rel="nofollow noopener" title="Facebook"><span data-v-2242ad82="" class="dark:text-white material-design-icon facebook-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://wa.me/?text=hello%0D%0Ahttps%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" target="_blank" rel="nofollow noopener" title="WhatsApp"><span data-v-2242ad82="" class="dark:text-white material-design-icon whatsapp-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://t.me/share/url?url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;text=hello" class="telegram" target="_blank" rel="nofollow noopener" title="Telegram"><span data-v-2242ad82="" class="text-primary dark:text-white dark:fill-white"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></span></a><a data-v-2242ad82="" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid&amp;title=hello" target="_blank" rel="nofollow noopener" title="LinkedIn"><span data-v-2242ad82="" class="dark:text-white material-design-icon linkedin-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"><!--v-if--></path></svg></span></a><a data-v-2242ad82="" href="https://share.diasporafoundation.org/?title=hello&amp;url=https%3A%2F%2Fmobilizon.fr%2Fp%2Fan-uuid" class="diaspora" target="_blank" rel="nofollow noopener" title="Diaspora"><span data-v-2242ad82="" class="text-black dark:text-white dark:fill-white"><svg version="1.1" viewBox="0 0 65.131 65.131" xmlns="http://www.w3.org/2000/svg"><title>Diaspora logo</title><path d="m28.214 64.754c-6.9441-0.80647-14.478-4.7044-19.429-10.053-8.1024-8.7516-10.823-21.337-7.0178-32.463 3.8465-11.248 12.917-19.153 24.746-21.569 7.2561-1.4817 14.813-0.27619 21.622 3.4495 7.517 4.1126 12.568 10.251 15.291 18.582 5.5678 17.038-4.1941 35.667-21.417 40.87-4.6929 1.4178-8.7675 1.7673-13.795 1.1834zm0.43913-17.263c2.0058-2.7986 3.7663-5.0883 3.9123-5.0883 0.14591 0 1.9109 2.2959 3.9221 5.102 2.0112 2.8061 3.827 5.0577 4.0349 5.0035 0.90081-0.23467 8.2871-5.9034 8.1633-6.265-0.07527-0.21984-1.7555-2.6427-3.7338-5.3842-1.9783-2.7414-3.552-5.0223-3.497-5.0686 0.05497-0.04629 2.8095-0.97845 6.1211-2.0715 3.3117-1.093 6.0224-2.1432 6.0239-2.3338 0.0073-0.92502-2.9094-9.4312-3.283-9.5746-0.23567-0.09043-2.9906 0.68953-6.1221 1.7332-3.1315 1.0437-5.8046 1.8977-5.9404 1.8977-0.13575 0-0.28828-2.9385-0.33895-6.53l-0.09213-6.53h-10.516l-0.09213 6.53c-0.05067 3.5915-0.20809 6.53-0.34982 6.53s-2.9544-0.90204-6.2504-2.0045l-5.9927-2.0045-1.5444 4.6339c-0.8494 2.5487-1.5444 4.866-1.5444 5.1496 0 0.36743 1.7311 1.087 6.0212 2.503 3.3117 1.093 6.0662 2.0252 6.1211 2.0715 0.05497 0.04629-1.5187 2.3272-3.497 5.0686-1.9783 2.7415-3.6605 5.1643-3.7382 5.3842-0.14163 0.40073 7.4833 6.2827 8.1896 6.3175 0.20673 0.01021 2.017-2.2712 4.0228-5.0698z" stroke-width=".33922"></path><path d="m23.631 51.953c-2.348-1.5418-6.9154-5.1737-7.0535-5.6088-0.06717-0.21164 0.45125-0.99318 3.3654-5.0734 2.269-3.177 3.7767-5.3581 3.7767-5.4637 0-0.03748-1.6061-0.60338-3.5691-1.2576-6.1342-2.0442-8.3916-2.9087-8.5288-3.2663-0.03264-0.08506 0.09511-0.68598 0.28388-1.3354 0.643-2.212 2.7038-8.4123 2.7959-8.4123 0.05052 0 2.6821 0.85982 5.848 1.9107 3.1659 1.0509 5.897 1.9222 6.0692 1.9362 0.3089 0.02514 0.31402 0.01925 0.38295-0.44107 0.09851-0.65784 0.26289-5.0029 0.2633-6.9599 1.87e-4 -0.90267 0.02801-2.5298 0.06184-3.6158l0.0615-1.9746h10.392l0.06492 4.4556c0.06287 4.3148 0.18835 7.8236 0.29865 8.3513 0.0295 0.14113 0.11236 0.2566 0.18412 0.2566 0.07176 0 1.6955-0.50861 3.6084-1.1303 4.5213-1.4693 6.2537-2.0038 7.3969-2.2822 0.87349-0.21269 0.94061-0.21704 1.0505-0.06806 0.45169 0.61222 3.3677 9.2365 3.1792 9.4025-0.33681 0.29628-2.492 1.1048-6.9823 2.6194-5.3005 1.7879-5.1321 1.7279-5.1321 1.8283 0 0.13754 0.95042 1.522 3.5468 5.1666 1.3162 1.8475 2.6802 3.7905 3.0311 4.3176l0.63804 0.95842-0.27216 0.28519c-1.1112 1.1644-7.3886 5.8693-7.8309 5.8693-0.22379 0-1.2647-1.2321-2.9284-3.4663-0.90374-1.2137-2.264-3.0402-3.0228-4.059-0.75878-1.0188-1.529-2.0203-1.7116-2.2256l-0.33201-0.37324-0.32674 0.37324c-0.43918 0.50169-2.226 2.867-3.8064 5.0388-2.1662 2.9767-3.6326 4.8055-3.8532 4.8055-0.05161 0-0.4788-0.25278-0.94931-0.56173z" fill="transparent" stroke-width=".093311"></path></svg></span></a><a data-v-2242ad82="" href="mailto:?to=&amp;body=https://mobilizon.fr/p/an-uuid&amp;subject=hello" target="_blank" rel="nofollow noopener" title="Email"><span data-v-2242ad82="" class="dark:text-white material-design-icon email-icon dark:text-white" aria-hidden="true" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="48" height="48" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"><!--v-if--></path></svg></span></a></div>
diff --git a/tests/unit/specs/components/Report/ReportModal.spec.ts b/tests/unit/specs/components/Report/ReportModal.spec.ts
index 9169655f6..d7117b628 100644
--- a/tests/unit/specs/components/Report/ReportModal.spec.ts
+++ b/tests/unit/specs/components/Report/ReportModal.spec.ts
@@ -35,7 +35,7 @@ describe("ReportModal", () => {
 
     expect(wrapper.find("footer button:first-child").text()).toBe("Cancel");
 
-    const submit = wrapper.find("footer button.o-btn--primary");
+    const submit = wrapper.find("footer button.o-button--primary");
 
     expect(submit.text()).toBe("Send the report");
 
@@ -80,7 +80,7 @@ describe("ReportModal", () => {
       "The content came from another server. Transfer an anonymous copy of the report?"
     );
 
-    const submit = wrapper.find("footer button.o-btn--primary");
+    const submit = wrapper.find("footer button.o-button--primary");
     submit.trigger("click");
     await wrapper.vm.$nextTick();
 
@@ -99,7 +99,7 @@ describe("ReportModal", () => {
     switchButton.setValue();
     await wrapper.vm.$nextTick();
 
-    const submit = wrapper.find("footer button.o-btn--primary");
+    const submit = wrapper.find("footer button.o-button--primary");
     submit.trigger("click");
     await wrapper.vm.$nextTick();
 
@@ -117,7 +117,8 @@ describe("ReportModal", () => {
     expect(wrapper.find("header h2").text()).toBe("want to report something?");
 
     expect(wrapper.find("footer button:first-child").text()).toBe("nah");
-
-    expect(wrapper.find("footer button.o-btn--primary").text()).toBe("report!");
+    expect(wrapper.find("footer button.o-button--primary").text()).toBe(
+      "report!"
+    );
   });
 });
diff --git a/tests/unit/specs/components/Report/__snapshots__/ReportModal.spec.ts.snap b/tests/unit/specs/components/Report/__snapshots__/ReportModal.spec.ts.snap
index f238ee08a..43a34b35d 100644
--- a/tests/unit/specs/components/Report/__snapshots__/ReportModal.spec.ts.snap
+++ b/tests/unit/specs/components/Report/__snapshots__/ReportModal.spec.ts.snap
@@ -4,29 +4,25 @@ exports[`ReportModal > renders report modal with basic informations and submits
 "<div data-v-e0cceef3="" class="p-2">
   <!--v-if-->
   <section data-v-e0cceef3="">
-    <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" class="o-icon o-icon--warning hidden md:block flex-1" data-oruga="icon"><i class="mdi mdi-alert 48"></i></span>
+    <div data-v-e0cceef3="" class="flex gap-1 flex-row mb-3 bg-mbz-yellow dark:text-black p-3 rounded items-center"><span data-v-e0cceef3="" data-oruga="icon" class="o-icon o-icon--warning hidden md:block flex-1"><i class="mdi mdi-alert 48"></i></span>
       <p data-v-e0cceef3="">The report will be sent to the moderators of your instance. You can explain why you report this content below.</p>
     </div>
     <div data-v-e0cceef3="">
       <!--v-if-->
-      <div data-v-e0cceef3="" data-oruga="field" class="o-field o-field--filled"><label for="additional-comments" class="o-field__label">Additional comments</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-v-e0cceef3="" data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-              <!---->
-              <!---->
-              <!---->
-            </div>
-          </div>
+      <div data-v-e0cceef3="" data-oruga="field" class="o-field o-field--filled"><label id="v-0" for="additional-comments" class="o-field__label">Additional comments</label>
+        <div data-v-e0cceef3="" data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+          <!----><textarea aria-labelledby="v-0" autofocus="" id="additional-comments" data-oruga-input="textarea" class="o-input__input"></textarea>
+          <!---->
+          <!---->
         </div>
         <!---->
       </div>
       <!--v-if-->
     </div>
   </section>
-  <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+  <footer data-v-e0cceef3="" class="flex gap-2 py-3"><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
       <!----></span>
-    </button><button data-v-e0cceef3="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the report</span>
+    </button><button data-v-e0cceef3="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the report</span>
       <!----></span>
     </button></footer>
 </div>"
diff --git a/tests/unit/specs/components/User/__snapshots__/AuthProviders.spec.ts.snap b/tests/unit/specs/components/User/__snapshots__/AuthProviders.spec.ts.snap
index 85514b502..8a9bbc7e9 100644
--- a/tests/unit/specs/components/User/__snapshots__/AuthProviders.spec.ts.snap
+++ b/tests/unit/specs/components/User/__snapshots__/AuthProviders.spec.ts.snap
@@ -2,9 +2,9 @@
 
 exports[`AuthProviders > Show simple 1`] = `
 "<div><b>Sign in with</b>
-  <div class="flex gap-1 flex-wrap"><a class="o-btn o-btn--primary o-btn--outlined-primary" role="button" data-oruga="button" href="/auth/keycloak"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-lock mdi-24px"></i></span><span class="o-btn__label"><span>Entreprise</span></span>
+  <div class="flex gap-1 flex-wrap"><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--outlined-primary" href="/auth/keycloak"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-lock mdi-24px"></i></span><span class="o-button__label"><span>Entreprise</span></span>
       <!----></span>
-    </a><a class="o-btn o-btn--primary o-btn--outlined-primary" role="button" data-oruga="button" href="/auth/google"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-google mdi-24px"></i></span><span class="o-btn__label"><span>Google</span></span>
+    </a><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--outlined-primary" href="/auth/google"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-google mdi-24px"></i></span><span class="o-button__label"><span>Google</span></span>
       <!----></span>
     </a></div>
 </div>"
diff --git a/tests/unit/specs/views/Group/__snapshots__/CreateView.spec.ts.snap b/tests/unit/specs/views/Group/__snapshots__/CreateView.spec.ts.snap
index dbb5ca5ff..25699d95c 100644
--- a/tests/unit/specs/views/Group/__snapshots__/CreateView.spec.ts.snap
+++ b/tests/unit/specs/views/Group/__snapshots__/CreateView.spec.ts.snap
@@ -4,15 +4,11 @@ exports[`CreateView > Show simple 1`] = `
 "<section class="container mx-auto">
   <h1>Create a new group</h1>
   <form>
-    <div data-oruga="field" class="o-field"><label for="group-display-name" class="o-field__label">Group display name</label>
-      <div class="o-field__body">
-        <div class="o-field o-field--addons">
-          <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="group-display-name" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-            <!---->
-            <!---->
-            <!---->
-          </div>
-        </div>
+    <div data-oruga="field" class="o-field"><label id="v-0-0" for="group-display-name" class="o-field__label">Group display name</label>
+      <div data-oruga="input" class="o-input o-input--expanded">
+        <!----><input aria-labelledby="v-0-0" aria-required="true" required="" id="group-display-name" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off">
+        <!---->
+        <!---->
       </div>
       <!---->
     </div>
@@ -20,58 +16,45 @@ exports[`CreateView > Show simple 1`] = `
       <div class="field-body">
         <div data-oruga="field" class="o-field">
           <!---->
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" pattern="[a-z0-9_]+" id="group-preferred-username" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-              <p class="control"><span class="button is-static">@localhost</span></p>
-            </div>
+          <div data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0-2" aria-describedby="v-0-3" aria-required="true" required="" pattern="[a-z0-9_]+" id="group-preferred-username" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off">
+            <!---->
+            <!---->
           </div>
-          <p class="o-field__message">Only alphanumeric lowercased characters and underscores are supported.</p>
+          <p class="control"><span class="button is-static">@localhost</span></p>
+          <p id="v-0-3" class="o-field__message">Only alphanumeric lowercased characters and underscores are supported.</p>
         </div>
       </div>
       <!--v-if-->
     </div>
-    <div data-oruga="field" class="o-field"><label for="group-summary" class="o-field__label">Description</label>
-      <div class="o-field__body">
-        <div class="o-field o-field--addons"></div>
-      </div>
+    <div data-oruga="field" class="o-field"><label id="v-0-4" for="group-summary" class="o-field__label">Description</label>
       <!---->
     </div>
     <div class="address-autocomplete">
-      <div data-oruga="field" class="o-field !-mt-2" id="FullAddressAutoComplete-o-field"><label for="full-address-autocomplete-1" class="o-field__label">Group address</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <!--v-if-->
-            <div data-oruga="autocomplete" class="o-drop o-drop--expanded o-drop--position-auto o-acp">
-              <div tabindex="-1" class="o-drop__trigger" aria-haspopup="listbox">
-                <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input dir="auto" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input o-input--iconspace-left" role="combobox" aria-autocomplete="list" aria-controls="" aria-expanded="false" id="full-address-autocomplete-1" data-oruga-input="text" type="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-map-marker mdi-24px"></i></span>
-                  <!---->
-                  <!---->
-                </div>
-              </div>
-              <!--teleport start-->
-              <transition-stub name="fade" appear="false" persisted="false" css="true">
-                <!---->
-              </transition-stub>
-              <transition-stub name="fade" appear="false" persisted="false" css="true">
-                <div id="" tabindex="-1" class="o-drop__menu o-drop__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-hidden="true" aria-modal="false">
-                  <!---->
-                  <!---->
-                  <div class="o-drop__item o-drop__item--clickable o-acp__item o-acp__item--empty" role="listitem" tabindex="0" data-oruga="dropdown-item"></div>
-                  <!---->
-                </div>
-              </transition-stub>
-              <!--teleport end-->
-            </div><button disabled="" type="button" class="o-btn o-btn--disabled reset-area !h-auto" role="button" data-oruga="button" title="Clear address field"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-close mdi-24px"></i></span>
+      <div data-oruga="field" class="o-field !-mt-2 flex" id="FullAddressAutoComplete-o-field"><label id="v-0-0-0" for="full-address-autocomplete-1" class="o-field__label">Group address</label>
+        <!--v-if-->
+        <div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-auto o-autocomplete">
+          <div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-disabled="false" aria-controls="v-0-0-2" aria-labelledby="v-0-0-0">
+            <div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-map-marker mdi-24px"></i></span><input aria-labelledby="v-0-0-0" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input__input o-input__input--iconspace-left o-input__input--placeholder" aria-autocomplete="list" aria-controls="v-0-0-2" enterkeyhint="enter" id="full-address-autocomplete-1" type="text" data-oruga-input="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot">
               <!---->
-              <!----></span>
-            </button>
+              <!---->
+            </div>
           </div>
-        </div>
+          <!--teleport start-->
+          <!---->
+          <transition-stub name="fade" appear="false" persisted="false" css="true">
+            <div id="v-0-0-2" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-labelledby="v-0-0-0" aria-multiselectable="false">
+              <!---->
+              <!---->
+              <div id="v-0-0-2-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item o-autocomplete__item--empty" role="option" tabindex="-1" aria-selected="false" aria-disabled="false"></div>
+              <!---->
+            </div>
+          </transition-stub>
+          <!--teleport end-->
+        </div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--disabled reset-area !h-auto" disabled="" title="Clear address field"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-close mdi-24px"></i></span>
+          <!---->
+          <!----></span>
+        </button>
         <!---->
       </div>
       <!--v-if-->
@@ -80,8 +63,8 @@ exports[`CreateView > Show simple 1`] = `
     <!--v-if-->
     <!--v-if-->
     <div class="field"><b class="field-label">Avatar</b>
-      <div><label class="o-upl !flex" data-oruga="upload">
-          <div class="o-upl__draggable" role="button" tabindex="0">
+      <div><label data-oruga="upload" class="o-upload !flex">
+          <div class="o-upload__draggable" role="button" tabindex="0">
             <div class="w-100 text-center p-4 rounded-xl border-dashed border-2 border-gray-600"><span class="mx-auto flex w-fit"><span aria-hidden="true" class="material-design-icon upload-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"><!--v-if--></path></svg></span><span class="capitalize">Click to upload Avatar</span></span>
               <!--v-if-->
               <!--v-if-->
@@ -91,8 +74,8 @@ exports[`CreateView > Show simple 1`] = `
       <!--v-if-->
     </div>
     <div class="field"><b class="field-label">Banner</b>
-      <div><label class="o-upl !flex" data-oruga="upload">
-          <div class="o-upl__draggable" role="button" tabindex="0">
+      <div><label data-oruga="upload" class="o-upload !flex">
+          <div class="o-upload__draggable" role="button" tabindex="0">
             <div class="w-100 text-center p-4 rounded-xl border-dashed border-2 border-gray-600"><span class="mx-auto flex w-fit"><span aria-hidden="true" class="material-design-icon upload-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"><!--v-if--></path></svg></span><span class="capitalize">Click to upload Banner</span></span>
               <!--v-if-->
               <!--v-if-->
@@ -102,35 +85,32 @@ exports[`CreateView > Show simple 1`] = `
       <!--v-if-->
     </div>
     <fieldset>
-      <legend class="field-label !mb-0 mt-2">Group visibility</legend><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" name="groupVisibility" autocomplete="off" value="PUBLIC"><span class="o-radio__label">Visible everywhere on the web<br><small>The group will be publicly listed in search results and may be suggested in the explore section. Only public informations will be shown on it's page.</small></span></label><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" value="UNLISTED"><span class="o-radio__label">Only accessible through link<br><small>You'll need to transmit the group URL so people may access the group's profile. The group won't be findable in Mobilizon's search or regular search engines.</small></span></label>
+      <legend class="field-label !mb-0 mt-2">Group visibility</legend>
+      <div data-oruga="radio" class="o-radio o-radio--checked"><input id="v-0-6" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7" value="PUBLIC"><label id="v-0-7" for="v-0-6" class="o-radio__label">Visible everywhere on the web<br><small>The group will be publicly listed in search results and may be suggested in the explore section. Only public informations will be shown on it's page.</small></label></div>
+      <div data-oruga="radio" class="o-radio"><input id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" aria-checked="false" aria-labelledby="v-0-9" value="UNLISTED"><label id="v-0-9" for="v-0-8" class="o-radio__label">Only accessible through link<br><small>You'll need to transmit the group URL so people may access the group's profile. The group won't be findable in Mobilizon's search or regular search engines.</small></label></div>
     </fieldset>
     <fieldset>
       <legend class="mt-2"><span class="field-label !mb-0">New members</span><span>Members will also access private sections like discussions, resources and restricted posts.</span></legend>
       <div data-oruga="field" class="o-field">
         <!---->
-        <div class="o-field__body">
-          <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" value="OPEN"><span class="o-radio__label">Anyone can join freely<br><small>Anyone wanting to be a member from your group will be able to from your group page.</small></span></label></div>
-        </div>
+        <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-10" id="v-0-12" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="false" value="OPEN"><label id="v-0-10" for="v-0-12" class="o-radio__label">Anyone can join freely<br><small>Anyone wanting to be a member from your group will be able to from your group page.</small></label></div>
         <!---->
       </div>
       <div data-oruga="field" class="o-field">
         <!---->
-        <div class="o-field__body">
-          <div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" name="groupOpenness" autocomplete="off" value="MODERATED"><span class="o-radio__label">Moderate new members<br><small>Anyone can request being a member, but an administrator needs to approve the membership.</small></span></label></div>
-        </div>
+        <div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-13" id="v-0-15" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="true" value="MODERATED"><label id="v-0-13" for="v-0-15" class="o-radio__label">Moderate new members<br><small>Anyone can request being a member, but an administrator needs to approve the membership.</small></label></div>
         <!---->
       </div>
       <div data-oruga="field" class="o-field">
         <!---->
-        <div class="o-field__body">
-          <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" value="INVITE_ONLY"><span class="o-radio__label">Manually invite new members<br><small>The only way for your group to get new members is if an admininistrator invites them.</small></span></label></div>
-        </div>
+        <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-16" id="v-0-18" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="false" value="INVITE_ONLY"><label id="v-0-16" for="v-0-18" class="o-radio__label">Manually invite new members<br><small>The only way for your group to get new members is if an admininistrator invites them.</small></label></div>
         <!---->
       </div>
     </fieldset>
     <fieldset>
-      <legend class="mt-2"><span class="field-label !mb-0">Followers</span><span>Followers will receive new public events and posts.</span></legend><label class="o-chk" data-oruga="checkbox" role="checkbox" aria-checked="false"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Manually approve new followers</span></label>
-    </fieldset><button type="submit" class="o-btn o-btn--primary mt-3" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create my group</span>
+      <legend class="mt-2"><span class="field-label !mb-0">Followers</span><span>Followers will receive new public events and posts.</span></legend>
+      <div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Manually approve new followers</label></div>
+    </fieldset><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary mt-3"><span class="o-button__wrapper"><!----><span class="o-button__label">Create my group</span>
       <!----></span>
     </button>
   </form>
diff --git a/tests/unit/specs/views/Group/__snapshots__/GroupSettings.spec.ts.snap b/tests/unit/specs/views/Group/__snapshots__/GroupSettings.spec.ts.snap
index ca36620e7..47d392690 100644
--- a/tests/unit/specs/views/Group/__snapshots__/GroupSettings.spec.ts.snap
+++ b/tests/unit/specs/views/Group/__snapshots__/GroupSettings.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`GroupSettings > Show simple 1`] = `
     <!---->
   </transition-stub>
   <transition-stub name="fade" appear="false" persisted="false" css="true">
-    <article class="o-notification o-notification--top" data-oruga="notification">
+    <article data-oruga="notification" class="o-notification o-notification--top">
       <!---->
       <div class="o-notification__wrapper">
         <!---->
diff --git a/tests/unit/specs/views/Group/__snapshots__/GroupView.spec.ts.snap b/tests/unit/specs/views/Group/__snapshots__/GroupView.spec.ts.snap
index b16c30f0d..80dec9a3d 100644
--- a/tests/unit/specs/views/Group/__snapshots__/GroupView.spec.ts.snap
+++ b/tests/unit/specs/views/Group/__snapshots__/GroupView.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`GroupView > Show simple 1`] = `
 "<div data-v-63850a71="" class="container mx-auto is-widescreen">
   <!--v-if-->
   <transition-stub data-v-63850a71="" name="fade" appear="false" persisted="false" css="true">
-    <article class="o-notification o-notification--danger o-notification--top" data-oruga="notification">
+    <article data-oruga="notification" class="o-notification o-notification--danger o-notification--top">
       <!---->
       <div class="o-notification__wrapper">
         <!---->
diff --git a/tests/unit/specs/views/Group/__snapshots__/MyGroups.spec.ts.snap b/tests/unit/specs/views/Group/__snapshots__/MyGroups.spec.ts.snap
index 2a4bc407d..5a796ac5d 100644
--- a/tests/unit/specs/views/Group/__snapshots__/MyGroups.spec.ts.snap
+++ b/tests/unit/specs/views/Group/__snapshots__/MyGroups.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`MyGroups > Show simple 1`] = `
 "<section data-v-59f508e2="" class="container mx-auto px-1 mb-6">
   <h1 data-v-59f508e2="" class="title">My groups</h1>
   <p data-v-59f508e2="">Groups are spaces for coordination and preparation to better organize events and manage your community.</p>
-  <div data-v-59f508e2="" class="flex my-3"><a data-v-59f508e2="" href="/groups/create" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create group</span>
+  <div data-v-59f508e2="" class="flex my-3"><a data-v-59f508e2="" href="/groups/create" class="o-button o-button--primary" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Create group</span>
       <!----></span>
     </a></div>
   <transition-stub data-v-59f508e2="" name="fade" appear="false" persisted="false" css="true">
diff --git a/tests/unit/specs/views/Group/__snapshots__/TimelineView.spec.ts.snap b/tests/unit/specs/views/Group/__snapshots__/TimelineView.spec.ts.snap
index bd06a6b0d..d03763314 100644
--- a/tests/unit/specs/views/Group/__snapshots__/TimelineView.spec.ts.snap
+++ b/tests/unit/specs/views/Group/__snapshots__/TimelineView.spec.ts.snap
@@ -6,34 +6,38 @@ exports[`TimelineView > Show simple 1`] = `
   <section data-v-4ef926d4="" class="timeline">
     <div data-v-4ef926d4="" data-oruga="field" class="o-field">
       <!---->
-      <div class="o-field__body">
-        <div class="o-field o-field--addons"><label data-v-4ef926d4="" class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input class="pr-4 o-radio__input o-radio__input--checked" type="radio" data-oruga-input="radio" autocomplete="off"><span class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="MEMBER"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account-multiple-plus mdi-24px"></i></span> Members</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="GROUP"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-cog mdi-24px"></i></span> Settings</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="EVENT"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-calendar mdi-24px"></i></span> Events</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="POST"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-bullhorn mdi-24px"></i></span> Posts</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="DISCUSSION"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-chat mdi-24px"></i></span> Discussions</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="RESOURCE"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-link mdi-24px"></i></span> Resources</span></label></div>
-      </div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-2" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="true"><label id="v-0-0" for="v-0-2" class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-3" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="MEMBER"><label id="v-0-0" for="v-0-3" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account-multiple-plus mdi-24px"></i></span> Members</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-4" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="GROUP"><label id="v-0-0" for="v-0-4" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-cog mdi-24px"></i></span> Settings</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-5" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="EVENT"><label id="v-0-0" for="v-0-5" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-calendar mdi-24px"></i></span> Events</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-6" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="POST"><label id="v-0-0" for="v-0-6" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-bullhorn mdi-24px"></i></span> Posts</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-7" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="DISCUSSION"><label id="v-0-0" for="v-0-7" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-chat mdi-24px"></i></span> Discussions</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="RESOURCE"><label id="v-0-0" for="v-0-8" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-link mdi-24px"></i></span> Resources</label></div>
       <!---->
     </div>
     <div data-v-4ef926d4="" data-oruga="field" class="o-field">
       <!---->
-      <div class="o-field__body">
-        <div class="o-field o-field--addons"><label data-v-4ef926d4="" class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input class="pr-4 o-radio__input o-radio__input--checked" type="radio" data-oruga-input="radio" autocomplete="off"><span class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="SELF"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account mdi-24px"></i></span> From yourself</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="BY"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account-multiple mdi-24px"></i></span> By others</span></label></div>
-      </div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-11" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="true"><label id="v-0-9" for="v-0-11" class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-12" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="SELF"><label id="v-0-9" for="v-0-12" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account mdi-24px"></i></span> From yourself</label></div>
+      <div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-13" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="BY"><label id="v-0-9" for="v-0-13" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account-multiple mdi-24px"></i></span> By others</label></div>
       <!---->
     </div>
     <transition-group-stub data-v-4ef926d4="" name="timeline-list" tag="div" appear="false" persisted="false" css="true">
       <div data-v-4ef926d4="" class="day">
-        <div data-v-4ef926d4="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-          <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 48px; width: 300px;"></div>
+        <div data-v-4ef926d4="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+          <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 48px; width: 300px;"></div>
         </div>
         <ul data-v-4ef926d4="" class="before:opacity-10">
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -41,15 +45,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -57,15 +61,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -73,15 +77,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -89,15 +93,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -107,20 +111,20 @@ exports[`TimelineView > Show simple 1`] = `
         </ul>
       </div>
       <div data-v-4ef926d4="" class="day">
-        <div data-v-4ef926d4="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-          <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 48px; width: 300px;"></div>
+        <div data-v-4ef926d4="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+          <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 48px; width: 300px;"></div>
         </div>
         <ul data-v-4ef926d4="" class="before:opacity-10">
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -128,15 +132,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -144,15 +148,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -160,15 +164,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
@@ -176,15 +180,15 @@ exports[`TimelineView > Show simple 1`] = `
             </div>
           </li>
           <li data-v-4ef926d4="">
-            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
+            <div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
               <div data-v-56a583cf="" class="subject">
                 <div data-v-56a583cf="" class="prose dark:prose-invert">
                   <p data-v-56a583cf="">
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
-                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
-                    <div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
+                  <div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
+                    <div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
                   </div>
                   </p>
                 </div>
diff --git a/tests/unit/specs/views/User/PasswordReset.spec.ts b/tests/unit/specs/views/User/PasswordReset.spec.ts
index 47e2a7c8c..44844f2a2 100644
--- a/tests/unit/specs/views/User/PasswordReset.spec.ts
+++ b/tests/unit/specs/views/User/PasswordReset.spec.ts
@@ -86,7 +86,7 @@ describe("Reset page", () => {
     wrapper
       .findAll('input[type="password"')
       .forEach((inputField) => inputField.setValue("my password"));
-    wrapper.find("form").trigger("submit");
+    await wrapper.find("form").trigger("submit");
 
     await wrapper.vm.$nextTick();
 
diff --git a/tests/unit/specs/views/User/RegisterView.spec.ts b/tests/unit/specs/views/User/RegisterView.spec.ts
index 189939797..5e279e6ab 100644
--- a/tests/unit/specs/views/User/RegisterView.spec.ts
+++ b/tests/unit/specs/views/User/RegisterView.spec.ts
@@ -105,7 +105,7 @@ describe("Register page", () => {
     });
     await flushPromises();
     expect(wrapper.find("form").exists()).toBe(true);
-    expect(wrapper.find(".o-field__message-danger").text()).toContain(
+    expect(wrapper.find(".o-field__message--danger").text()).toContain(
       "Bad email."
     );
   });
@@ -130,7 +130,7 @@ describe("Register page", () => {
     });
     await flushPromises();
     expect(wrapper.find("form").exists()).toBe(true);
-    expect(wrapper.find(".o-field__message-danger").text()).toContain(
+    expect(wrapper.find(".o-field__message--danger").text()).toContain(
       "Bad password."
     );
   });
@@ -143,7 +143,7 @@ describe("Register page", () => {
     expect(wrapper.find("form").exists()).toBe(true);
     wrapper.find('form input[type="email"]').setValue("some@email.tld");
     wrapper.find('form input[type="password"]').setValue("somepassword");
-    wrapper.find("form .o-input__textarea").setValue("text for moderation");
+    wrapper.find("form textarea").setValue("text for moderation");
     wrapper.find("form").trigger("submit");
     await wrapper.vm.$nextTick();
     expect(requestHandlers.createUserHandler).toHaveBeenCalledWith({
@@ -166,7 +166,7 @@ describe("Register page", () => {
     expect(wrapper.find("form").exists()).toBe(true);
     wrapper.find('form input[type="email"]').setValue("some@email.tld");
     wrapper.find('form input[type="password"]').setValue("somepassword");
-    wrapper.find("form .o-input__textarea").setValue("text for moderation");
+    wrapper.find("form textarea").setValue("text for moderation");
     wrapper.find("form").trigger("submit");
     await wrapper.vm.$nextTick();
     expect(requestHandlers.createUserHandler).toBeCalledTimes(1);
@@ -178,7 +178,7 @@ describe("Register page", () => {
     });
     await flushPromises();
     expect(wrapper.find("form").exists()).toBe(true);
-    expect(wrapper.find(".o-field__message-danger").text()).toContain(
+    expect(wrapper.find(".o-field__message--danger").text()).toContain(
       "Bad moderation."
     );
   });
diff --git a/tests/unit/specs/views/User/__snapshots__/RegisterView.spec.ts.snap b/tests/unit/specs/views/User/__snapshots__/RegisterView.spec.ts.snap
index 72b5ebbe3..223bfe07a 100644
--- a/tests/unit/specs/views/User/__snapshots__/RegisterView.spec.ts.snap
+++ b/tests/unit/specs/views/User/__snapshots__/RegisterView.spec.ts.snap
@@ -35,50 +35,38 @@ exports[`Register page > register with moderation 1`] = `
         <!---->
       </div>
       <form>
-        <div data-oruga="field" class="o-field"><label for="email" class="o-field__label">Email</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="email" data-oruga-input="email" type="email" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-            </div>
+        <div data-oruga="field" class="o-field"><label id="v-0-2" for="email" class="o-field__label">Email</label>
+          <div data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0-2" aria-required="true" required="" id="email" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off">
+            <!---->
+            <!---->
           </div>
           <!---->
         </div>
-        <div data-oruga="field" class="o-field"><label for="password" class="o-field__label">Password</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded o-input__wrapper--has-icon-right"><input aria-required="true" required="" minlength="6" id="password" data-oruga-input="password" type="password" class="o-input o-input--iconspace-right" autocomplete="off">
-                <!----><span class="o-icon o-icon--clickable o-input__icon-right" data-oruga="icon"><i class="mdi mdi-eye mdi-24px"></i></span>
-                <!---->
-              </div>
-            </div>
+        <div data-oruga="field" class="o-field"><label id="v-0-4" for="password" class="o-field__label">Password</label>
+          <div data-oruga="input" class="o-input o-input--expanded o-input--icon-right">
+            <!----><input aria-labelledby="v-0-4" aria-required="true" required="" minlength="6" id="password" type="password" data-oruga-input="password" class="o-input__input o-input__input--iconspace-right o-input__input--placeholder" autocomplete="off"><span data-oruga="icon" class="o-icon o-icon--clickable o-input__icon-right" tabindex="0" role="button"><i class="mdi mdi-eye mdi-24px"></i></span>
+            <!---->
           </div>
           <!---->
         </div>
-        <div data-oruga="field" class="o-field"><label for="moderation" class="o-field__label">Registration is subject to moderation, indicate your motivation.</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><textarea aria-required="true" required="" id="moderation" data-oruga-input="textarea" class="o-input o-input__textarea"></textarea>
-                <!---->
-                <!---->
-                <!---->
-              </div>
-            </div>
+        <div data-oruga="field" class="o-field"><label id="v-0-6" for="moderation" class="o-field__label">Registration is subject to moderation, indicate your motivation.</label>
+          <div data-oruga="input" class="o-input o-input--expanded o-input--textarea">
+            <!----><textarea aria-labelledby="v-0-6" aria-required="true" required="" id="moderation" data-oruga-input="textarea" class="o-input__input o-input__input--placeholder"></textarea>
+            <!---->
+            <!---->
           </div>
           <!---->
         </div>
         <div class="flex items-start mb-6 mt-2">
           <div class="flex items-center h-5"><input type="checkbox" id="accept_rules_terms" class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800" required=""></div><label for="accept_rules_terms" class="ml-2 text-gray-900 dark:text-gray-300"><span>I agree to the <router-link-stub to="[object Object]" replace="false" custom="false" ariacurrentvalue="page" viewtransition="false" class="out"></router-link-stub> and <router-link-stub to="[object Object]" replace="false" custom="false" ariacurrentvalue="page" viewtransition="false" class="out"></router-link-stub></span></label>
         </div>
-        <p><button type="submit" class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create an account</span>
+        <p><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--large o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Create an account</span>
             <!----></span>
           </button></p>
         <p class="my-6">
-          <router-link-stub class="o-btn o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
-          <router-link-stub class="o-btn o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+          <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--text" to="[object Object]"></router-link-stub>
+          <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--text" to="[object Object]"></router-link-stub>
         </p>
         <hr role="presentation">
         <!--v-if-->
@@ -123,26 +111,18 @@ exports[`Register page > register without moderation 1`] = `
         <!---->
       </div>
       <form>
-        <div data-oruga="field" class="o-field"><label for="email" class="o-field__label">Email</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="email" data-oruga-input="email" type="email" class="o-input" autocomplete="off">
-                <!---->
-                <!---->
-                <!---->
-              </div>
-            </div>
+        <div data-oruga="field" class="o-field"><label id="v-0-2" for="email" class="o-field__label">Email</label>
+          <div data-oruga="input" class="o-input o-input--expanded">
+            <!----><input aria-labelledby="v-0-2" aria-required="true" required="" id="email" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off">
+            <!---->
+            <!---->
           </div>
           <!---->
         </div>
-        <div data-oruga="field" class="o-field"><label for="password" class="o-field__label">Password</label>
-          <div class="o-field__body">
-            <div class="o-field o-field--addons">
-              <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded o-input__wrapper--has-icon-right"><input aria-required="true" required="" minlength="6" id="password" data-oruga-input="password" type="password" class="o-input o-input--iconspace-right" autocomplete="off">
-                <!----><span class="o-icon o-icon--clickable o-input__icon-right" data-oruga="icon"><i class="mdi mdi-eye mdi-24px"></i></span>
-                <!---->
-              </div>
-            </div>
+        <div data-oruga="field" class="o-field"><label id="v-0-4" for="password" class="o-field__label">Password</label>
+          <div data-oruga="input" class="o-input o-input--expanded o-input--icon-right">
+            <!----><input aria-labelledby="v-0-4" aria-required="true" required="" minlength="6" id="password" type="password" data-oruga-input="password" class="o-input__input o-input__input--iconspace-right o-input__input--placeholder" autocomplete="off"><span data-oruga="icon" class="o-icon o-icon--clickable o-input__icon-right" tabindex="0" role="button"><i class="mdi mdi-eye mdi-24px"></i></span>
+            <!---->
           </div>
           <!---->
         </div>
@@ -150,12 +130,12 @@ exports[`Register page > register without moderation 1`] = `
         <div class="flex items-start mb-6 mt-2">
           <div class="flex items-center h-5"><input type="checkbox" id="accept_rules_terms" class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800" required=""></div><label for="accept_rules_terms" class="ml-2 text-gray-900 dark:text-gray-300"><span>I agree to the <router-link-stub to="[object Object]" replace="false" custom="false" ariacurrentvalue="page" viewtransition="false" class="out"></router-link-stub> and <router-link-stub to="[object Object]" replace="false" custom="false" ariacurrentvalue="page" viewtransition="false" class="out"></router-link-stub></span></label>
         </div>
-        <p><button type="submit" class="o-btn o-btn--large o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create an account</span>
+        <p><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--large o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Create an account</span>
             <!----></span>
           </button></p>
         <p class="my-6">
-          <router-link-stub class="o-btn o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
-          <router-link-stub class="o-btn o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+          <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--text" to="[object Object]"></router-link-stub>
+          <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--text" to="[object Object]"></router-link-stub>
         </p>
         <hr role="presentation">
         <!--v-if-->
diff --git a/tests/unit/specs/views/User/__snapshots__/resendConfirmation.spec.ts.snap b/tests/unit/specs/views/User/__snapshots__/resendConfirmation.spec.ts.snap
index 0b93296b6..caeb378a4 100644
--- a/tests/unit/specs/views/User/__snapshots__/resendConfirmation.spec.ts.snap
+++ b/tests/unit/specs/views/User/__snapshots__/resendConfirmation.spec.ts.snap
@@ -5,21 +5,17 @@ exports[`ResendConfirmation > Show simple 1`] = `
   <h1>Resend confirmation email</h1>
   <!--v-if-->
   <form>
-    <div data-oruga="field" class="o-field"><label for="emailAddress" class="o-field__label">Email address</label>
-      <div class="o-field__body">
-        <div class="o-field o-field--addons">
-          <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="emailAddress" data-oruga-input="email" type="email" class="o-input" autocomplete="off">
-            <!---->
-            <!---->
-            <!---->
-          </div>
-        </div>
+    <div data-oruga="field" class="o-field"><label id="v-0" for="emailAddress" class="o-field__label">Email address</label>
+      <div data-oruga="input" class="o-input o-input--expanded">
+        <!----><input aria-labelledby="v-0" aria-required="true" required="" id="emailAddress" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off">
+        <!---->
+        <!---->
       </div>
       <!---->
     </div>
-    <p class="flex flex-wrap gap-1 mt-2"><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Send the confirmation email again</span>
+    <p class="flex flex-wrap gap-1 mt-2"><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the confirmation email again</span>
         <!----></span>
-      </button><a href="/login" class="o-btn o-btn--primary o-btn--outlined-primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+      </button><a href="/login" class="o-button o-button--outlined-primary" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
         <!----></span>
       </a></p>
   </form>
@@ -32,7 +28,7 @@ exports[`ResendConfirmation > Show simple 2`] = `
   <!--v-if-->
   <div>
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <article title="Success" class="o-notification o-notification--success o-notification--top" data-oruga="notification">
+      <article closable="false" title="Success" data-oruga="notification" class="o-notification o-notification--success o-notification--top">
         <!---->
         <div class="o-notification__wrapper">
           <!---->
diff --git a/tests/unit/specs/views/User/__snapshots__/sendPasswordReset.spec.ts.snap b/tests/unit/specs/views/User/__snapshots__/sendPasswordReset.spec.ts.snap
index d494c8abb..d20e75a1b 100644
--- a/tests/unit/specs/views/User/__snapshots__/sendPasswordReset.spec.ts.snap
+++ b/tests/unit/specs/views/User/__snapshots__/sendPasswordReset.spec.ts.snap
@@ -5,21 +5,17 @@ exports[`SendPasswordReset > Show simple 1`] = `
   <h1>Forgot your password?</h1>
   <p>Enter your email address below, and we'll email you instructions on how to change your password.</p>
   <form>
-    <div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Email address</label>
-      <div class="o-field__body">
-        <div class="o-field o-field--addons">
-          <div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off">
-            <!---->
-            <!---->
-            <!---->
-          </div>
-        </div>
+    <div data-oruga="field" class="o-field o-field--filled"><label id="v-0" class="o-field__label" for="v-2">Email address</label>
+      <div data-oruga="input" class="o-input o-input--expanded">
+        <!----><input aria-labelledby="v-0" aria-required="true" required="" id="v-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off">
+        <!---->
+        <!---->
       </div>
       <!---->
     </div>
-    <p class="my-4 flex gap-2"><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Submit</span>
+    <p class="my-4 flex gap-2"><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Submit</span>
         <!----></span>
-      </button><a href="/login" class="o-btn o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Cancel</span>
+      </button><a href="/login" class="o-button o-button--text" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
         <!----></span>
       </a></p>
   </form>
@@ -32,7 +28,7 @@ exports[`SendPasswordReset > Show simple 2`] = `
   <p>Enter your email address below, and we'll email you instructions on how to change your password.</p>
   <div>
     <transition-stub name="fade" appear="false" persisted="false" css="true">
-      <article class="my-2 o-notification o-notification--success o-notification--top" title="Success" data-oruga="notification">
+      <article class="my-2 o-notification o-notification--success o-notification--top" closable="false" title="Success" data-oruga="notification">
         <!---->
         <div class="o-notification__wrapper">
           <!---->
diff --git a/tests/unit/specs/views/User/__snapshots__/settingsOnboard.spec.ts.snap b/tests/unit/specs/views/User/__snapshots__/settingsOnboard.spec.ts.snap
index eb1528f3f..4c8149e03 100644
--- a/tests/unit/specs/views/User/__snapshots__/settingsOnboard.spec.ts.snap
+++ b/tests/unit/specs/views/User/__snapshots__/settingsOnboard.spec.ts.snap
@@ -3,10 +3,10 @@
 exports[`SettingsOnboard > Show simple - step 1 1`] = `
 "<div data-v-68ff875c="" class="container mx-auto">
   <h1 data-v-68ff875c="" class="title">Let's define a few settings</h1>
-  <o-steps-stub data-v-68ff875c="" modelvalue="0" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" destroyonhide="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true"></o-steps-stub>
+  <o-steps-stub data-v-68ff875c="" modelvalue="0" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" activateonfocus="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true" arianextlabel="Next" ariapreviouslabel="Previous"></o-steps-stub>
   <section data-v-68ff875c="" class="has-text-centered section buttons">
-    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="true" outlined="true" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
-    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="true" outlined="true" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
     <!--v-if-->
   </section>
 </div>"
@@ -15,10 +15,10 @@ exports[`SettingsOnboard > Show simple - step 1 1`] = `
 exports[`SettingsOnboard > Show simple - step 2 1`] = `
 "<div data-v-68ff875c="" class="container mx-auto">
   <h1 data-v-68ff875c="" class="title">Let's define a few settings</h1>
-  <o-steps-stub data-v-68ff875c="" modelvalue="1" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" destroyonhide="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true"></o-steps-stub>
+  <o-steps-stub data-v-68ff875c="" modelvalue="1" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" activateonfocus="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true" arianextlabel="Next" ariapreviouslabel="Previous"></o-steps-stub>
   <section data-v-68ff875c="" class="has-text-centered section buttons">
-    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
-    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
     <!--v-if-->
   </section>
 </div>"
@@ -27,11 +27,11 @@ exports[`SettingsOnboard > Show simple - step 2 1`] = `
 exports[`SettingsOnboard > Show simple - step 3 1`] = `
 "<div data-v-68ff875c="" class="container mx-auto">
   <h1 data-v-68ff875c="" class="title">Let's define a few settings</h1>
-  <o-steps-stub data-v-68ff875c="" modelvalue="2" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" destroyonhide="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true"></o-steps-stub>
+  <o-steps-stub data-v-68ff875c="" modelvalue="2" vertical="false" iconprev="chevron-left" iconnext="chevron-right" hasnavigation="false" activateonfocus="false" animated="true" animation="slide-next,slide-prev,slide-down,slide-up" animateinitially="false" labelposition="bottom" rounded="true" arianextlabel="Next" ariapreviouslabel="Previous"></o-steps-stub>
   <section data-v-68ff875c="" class="has-text-centered section buttons">
-    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" rounded="false" expanded="false" disabled="false" outlined="true" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
     <!--v-if-->
-    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" size="big" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" nativetype="button" role="button" iconboth="false" to="[object Object]"></o-button-stub>
+    <o-button-stub data-v-68ff875c="" tag="router-link" variant="success" size="big" rounded="false" expanded="false" disabled="false" outlined="false" loading="false" inverted="false" type="button" to="[object Object]"></o-button-stub>
   </section>
 </div>"
 `;
diff --git a/tests/unit/specs/views/User/login.spec.ts b/tests/unit/specs/views/User/login.spec.ts
index 0ee0d36d9..9d001c923 100644
--- a/tests/unit/specs/views/User/login.spec.ts
+++ b/tests/unit/specs/views/User/login.spec.ts
@@ -194,6 +194,7 @@ describe("Render login form", () => {
 
     wrapper.find('form input[type="email"]').setValue("some@email.tld");
     wrapper.find('form input[type="password"]').setValue("somepassword");
+    wrapper.find("form button[type='submit']").trigger("click");
     wrapper.find("form").trigger("submit");
     await flushPromises();
     expect(wrapper.router.push).toHaveBeenCalledWith("/about/instance");
diff --git a/tests/unit/specs/views/User/sendPasswordReset.spec.ts b/tests/unit/specs/views/User/sendPasswordReset.spec.ts
index 3b1ee1289..eae932349 100644
--- a/tests/unit/specs/views/User/sendPasswordReset.spec.ts
+++ b/tests/unit/specs/views/User/sendPasswordReset.spec.ts
@@ -49,6 +49,7 @@ describe("SendPasswordReset", () => {
     expect(requestHandlers.handle_0).toHaveBeenCalledTimes(0);
 
     wrapper.find("form").trigger("submit");
+    await wrapper.vm.$nextTick();
     await flushPromises();
     expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
 
diff --git a/tests/unit/specs/views/admin/__snapshots__/adminGroupProfile.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/adminGroupProfile.spec.ts.snap
index 712aa978c..0c8f34772 100644
--- a/tests/unit/specs/views/admin/__snapshots__/adminGroupProfile.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/adminGroupProfile.spec.ts.snap
@@ -68,36 +68,42 @@ exports[`AdminGroupProfile > Show simple 1`] = `
       </tr>
     </tbody>
   </table>
-  <div class="flex gap-1"><button type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Suspend</span>
+  <div class="flex gap-1"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Suspend</span>
       <!----></span>
     </button>
-    <!--v-if--><button type="button" class="o-btn o-btn--primary o-btn--outlined-primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Refresh profile</span>
+    <!--v-if--><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined-primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Refresh profile</span>
       <!----></span>
     </button>
   </div>
   <section>
     <h2>1 members</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Member <!----></span><span data-id="2" data-oruga="table-column">Role <!----></span><span data-id="3" data-oruga="table-column">Date <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Member <!----></span><span data-oruga="table-column" data-id="table-2">Role <!----></span><span data-oruga="table-column" data-id="table-3">Date <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table">
+        <table class="o-table" aria-rowcount="2" aria-colcount="3">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Member <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Role <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Date <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Member</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Role</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="3"><span class="o-table__th__label">Date</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr class="" draggable="false">
+            <tr class="" draggable="false" aria-rowindex="2">
               <!---->
               <!---->
               <td class="o-table__td" data-label="Member">
@@ -112,9 +118,6 @@ exports[`AdminGroupProfile > Show simple 1`] = `
               <td class="o-table__td" data-label="Date"><span class="has-text-centered">Sunday, June 13, 2021<br>9:24 AM</span></td>
               <!---->
             </tr>
-            <transition-stub name="slide" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
             <!---->
             <!---->
           </tbody>
@@ -124,14 +127,14 @@ exports[`AdminGroupProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="1" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
               <!---->
               <!---->
             </ul>
@@ -142,28 +145,32 @@ exports[`AdminGroupProfile > Show simple 1`] = `
   </section>
   <section>
     <h2>30410 organized events</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Title <!----></span><span data-id="2" data-oruga="table-column">Begins on <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Title <!----></span><span data-oruga="table-column" data-id="table-2">Begins on <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table o-table--table__empty">
+        <table class="o-table o-table--empty" aria-rowcount="30411" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Title <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Begins on <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Title</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Begins on</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr>
+            <tr class="o-table__tr-empty">
               <td colspan="2">
-                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-account-group 48"></i></span>
+                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-account-group 48"></i></span>
                   <h2 class="mb-3">
                     <!-- @slot Mandatory title -->No organized events found
                   </h2>
@@ -180,17 +187,17 @@ exports[`AdminGroupProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="30410" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" tabindex="0" class="o-pagination__button-next o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link" aria-label="Page 2." aria-current="false">2</button></li>
-              <li class="o-pag__item"><span class="o-pag__ellipsis">…</span></li>
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link" aria-label="Page 3041." aria-current="false">3041</button></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button" aria-label="Page 2." aria-current="false">2</button></li>
+              <li class="o-pagination__item"><span class="o-pagination__ellipsis">…</span></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button" aria-label="Page 3041." aria-current="false">3041</button></li>
             </ul>
           </nav>
         </div>
@@ -199,28 +206,32 @@ exports[`AdminGroupProfile > Show simple 1`] = `
   </section>
   <section>
     <h2>0 posts</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Title <!----></span><span data-id="2" data-oruga="table-column">Publication date <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Title <!----></span><span data-oruga="table-column" data-id="table-2">Publication date <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table o-table--table__empty">
+        <table class="o-table o-table--empty" aria-rowcount="1" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Title <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Publication date <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Title</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Publication date</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr>
+            <tr class="o-table__tr-empty">
               <td colspan="2">
-                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-bullhorn 48"></i></span>
+                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-bullhorn 48"></i></span>
                   <h2 class="mb-3">
                     <!-- @slot Mandatory title -->No posts found
                   </h2>
@@ -237,11 +248,11 @@ exports[`AdminGroupProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="0" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
               <!---->
diff --git a/tests/unit/specs/views/admin/__snapshots__/adminProfile.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/adminProfile.spec.ts.snap
index 33e36c702..89e593b50 100644
--- a/tests/unit/specs/views/admin/__snapshots__/adminProfile.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/adminProfile.spec.ts.snap
@@ -90,28 +90,32 @@ exports[`AdminProfile > Show simple 1`] = `
   </section>
   <section class="mt-4 mb-3">
     <h2 class="">Organized events</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Begins on <!----></span><span data-id="2" data-oruga="table-column">Title <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Begins on <!----></span><span data-oruga="table-column" data-id="table-2">Title <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table o-table--table__empty">
+        <table class="o-table o-table--empty" aria-rowcount="1" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Begins on <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Title <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Begins on</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Title</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr>
+            <tr class="o-table__tr-empty">
               <td colspan="2">
-                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-account-group 48"></i></span>
+                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-account-group 48"></i></span>
                   <h2 class="mb-3">
                     <!-- @slot Mandatory title -->No organized events listed
                   </h2>
@@ -128,11 +132,11 @@ exports[`AdminProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="0" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
               <!---->
@@ -145,28 +149,32 @@ exports[`AdminProfile > Show simple 1`] = `
   </section>
   <section class="mt-4 mb-3">
     <h2 class="">Participations</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Begins on <!----></span><span data-id="2" data-oruga="table-column">Title <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Begins on <!----></span><span data-oruga="table-column" data-id="table-2">Title <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table o-table--table__empty">
+        <table class="o-table o-table--empty" aria-rowcount="1" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Begins on <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Title <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Begins on</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Title</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr>
+            <tr class="o-table__tr-empty">
               <td colspan="2">
-                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-account-group 48"></i></span>
+                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-account-group 48"></i></span>
                   <h2 class="mb-3">
                     <!-- @slot Mandatory title -->No participations listed
                   </h2>
@@ -183,11 +191,11 @@ exports[`AdminProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="0" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
               <!---->
@@ -200,29 +208,35 @@ exports[`AdminProfile > Show simple 1`] = `
   </section>
   <section class="mt-4 mb-3">
     <h2 class="">Memberships</h2>
-    <div class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-id="1" data-oruga="table-column">Group <!----></span><span data-id="2" data-oruga="table-column">Role <!----></span><span data-id="3" data-oruga="table-column">Date <!----></span></div>
+    <div data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-oruga="table-column" data-id="table-1">Group <!----></span><span data-oruga="table-column" data-id="table-2">Role <!----></span><span data-oruga="table-column" data-id="table-3">Date <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table o-table--table__empty">
+        <table class="o-table o-table--empty" aria-rowcount="1" aria-colcount="3">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Group <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Role <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Date <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Group</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Role</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="3"><span class="o-table__th__label">Date</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr>
+            <tr class="o-table__tr-empty">
               <td colspan="3">
-                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span class="o-icon" data-oruga="icon"><i class="mdi mdi-account-group 48"></i></span>
+                <div class="flex flex-col items-center mt-20 mb-10" role="note"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-account-group 48"></i></span>
                   <h2 class="mb-3">
                     <!-- @slot Mandatory title -->No memberships found
                   </h2>
@@ -239,11 +253,11 @@ exports[`AdminProfile > Show simple 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="0" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
               <!---->
diff --git a/tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap
index 16f3ac362..561f49a31 100644
--- a/tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap
@@ -14,10 +14,10 @@ exports[`UsersView > Ban user 1`] = `
                 <tr class="border-b">
                   <td class="py-4 px-2 whitespace-nowrap align-middle">Email</td>
                   <td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
-                  <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-pencil"></i></span><span class="o-btn__label">Change email</span>
+                  <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-pencil"></i></span><span class="o-button__label">Change email</span>
                       <!----></span>
                     </button>
-                    <router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+                    <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
                   </td>
                 </tr>
                 <tr class="border-b">
@@ -28,7 +28,7 @@ exports[`UsersView > Ban user 1`] = `
                 <tr class="border-b">
                   <td class="py-4 px-2 whitespace-nowrap align-middle">Role</td>
                   <td class="py-4 px-2 whitespace-nowrap"><span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded">User</span></td>
-                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-btn__label">Change role</span>
+                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-button__label">Change role</span>
                       <!----></span>
                     </button></td>
                 </tr>
@@ -83,7 +83,7 @@ exports[`UsersView > Ban user 1`] = `
       <tr>
         <!--v-if-->
         <td>
-          <div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
+          <div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
               <!----></span>
             </button></div>
         </td>
@@ -92,8 +92,8 @@ exports[`UsersView > Ban user 1`] = `
   </section>
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <div class="" style="width: auto;">
@@ -101,46 +101,39 @@ exports[`UsersView > Ban user 1`] = `
               <h2>Change user email</h2>
             </header>
             <section class="">
-              <div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
+                <div data-oruga="input" class="o-input o-input--disabled">
+                  <!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
-              <div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
+                <div data-oruga="input" class="o-input">
+                  <!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
-              </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+              </div>
+              <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
             </section>
-            <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+            <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
                 <!----></span>
-              </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
+              </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
                 <!----></span>
               </button></footer>
           </div>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
@@ -149,52 +142,49 @@ exports[`UsersView > Ban user 1`] = `
           <section>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
               <!---->
-            </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+            </div>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
           </section>
-          <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
             <h2>Confirm user</h2>
           </header>
-          <section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
-          <footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <section>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
+          </section>
+          <footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
@@ -218,7 +208,7 @@ exports[`UsersView > Show moderate list 1`] = `
                   <td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
                   <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2">
                     <!--v-if-->
-                    <router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+                    <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
                   </td>
                 </tr>
                 <tr class="border-b">
@@ -268,12 +258,12 @@ exports[`UsersView > Show moderate list 1`] = `
     <table>
       <tr>
         <td>
-          <div class="buttons"><button type="button" class="o-btn o-btn--success" role="button" data-oruga="button" id="acceptAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Accept</span>
+          <div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--success" id="acceptAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Accept</span>
               <!----></span>
             </button></div>
         </td>
         <td>
-          <div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
+          <div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
               <!----></span>
             </button></div>
         </td>
@@ -282,8 +272,8 @@ exports[`UsersView > Show moderate list 1`] = `
   </section>
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <div class="" style="width: auto;">
@@ -291,46 +281,39 @@ exports[`UsersView > Show moderate list 1`] = `
               <h2>Change user email</h2>
             </header>
             <section class="">
-              <div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
+                <div data-oruga="input" class="o-input o-input--disabled">
+                  <!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
-              <div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
+                <div data-oruga="input" class="o-input">
+                  <!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
-              </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+              </div>
+              <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
             </section>
-            <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+            <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
                 <!----></span>
-              </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
+              </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
                 <!----></span>
               </button></footer>
           </div>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
@@ -339,52 +322,49 @@ exports[`UsersView > Show moderate list 1`] = `
           <section>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
               <!---->
-            </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+            </div>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
           </section>
-          <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
             <h2>Confirm user</h2>
           </header>
-          <section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
-          <footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <section>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
+          </section>
+          <footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
@@ -406,10 +386,10 @@ exports[`UsersView > Show simple list 1`] = `
                 <tr class="border-b">
                   <td class="py-4 px-2 whitespace-nowrap align-middle">Email</td>
                   <td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
-                  <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-pencil"></i></span><span class="o-btn__label">Change email</span>
+                  <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-pencil"></i></span><span class="o-button__label">Change email</span>
                       <!----></span>
                     </button>
-                    <router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+                    <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
                   </td>
                 </tr>
                 <tr class="border-b">
@@ -420,7 +400,7 @@ exports[`UsersView > Show simple list 1`] = `
                 <tr class="border-b">
                   <td class="py-4 px-2 whitespace-nowrap align-middle">Role</td>
                   <td class="py-4 px-2 whitespace-nowrap"><span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded">User</span></td>
-                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-btn__label">Change role</span>
+                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-button__label">Change role</span>
                       <!----></span>
                     </button></td>
                 </tr>
@@ -475,7 +455,7 @@ exports[`UsersView > Show simple list 1`] = `
       <tr>
         <!--v-if-->
         <td>
-          <div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
+          <div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
               <!----></span>
             </button></div>
         </td>
@@ -484,8 +464,8 @@ exports[`UsersView > Show simple list 1`] = `
   </section>
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <div class="" style="width: auto;">
@@ -493,46 +473,39 @@ exports[`UsersView > Show simple list 1`] = `
               <h2>Change user email</h2>
             </header>
             <section class="">
-              <div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
+                <div data-oruga="input" class="o-input o-input--disabled">
+                  <!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
-              <div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
+                <div data-oruga="input" class="o-input">
+                  <!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
-              </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+              </div>
+              <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
             </section>
-            <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+            <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
                 <!----></span>
-              </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
+              </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
                 <!----></span>
               </button></footer>
           </div>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
@@ -541,52 +514,49 @@ exports[`UsersView > Show simple list 1`] = `
           <section>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
               <!---->
-            </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+            </div>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
           </section>
-          <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
             <h2>Confirm user</h2>
           </header>
-          <section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
-          <footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <section>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
+          </section>
+          <footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
@@ -610,7 +580,7 @@ exports[`UsersView > Unban user 1`] = `
                   <td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
                   <td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2">
                     <!--v-if-->
-                    <router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
+                    <router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
                   </td>
                 </tr>
                 <tr class="border-b">
@@ -633,7 +603,7 @@ exports[`UsersView > Unban user 1`] = `
                 <tr class="border-b">
                   <td class="py-4 px-2 whitespace-nowrap align-middle">Confirmed</td>
                   <td class="py-4 px-2 align-middle">Saturday, August 30, 2025 at 11:56 AM</td>
-                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-check"></i></span><span class="o-btn__label">Confirm user</span>
+                  <td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-check"></i></span><span class="o-button__label">Confirm user</span>
                       <!----></span>
                     </button></td>
                 </tr>
@@ -677,7 +647,7 @@ exports[`UsersView > Unban user 1`] = `
         <!--v-if-->
         <td>
           <div>
-            <div class="p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg" role="alert">The user has been banned</div><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="unbanAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Unban</span>
+            <div class="p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg" role="alert">The user has been banned</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="unbanAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Unban</span>
               <!----></span>
             </button>
           </div>
@@ -687,8 +657,8 @@ exports[`UsersView > Unban user 1`] = `
   </section>
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <div class="" style="width: auto;">
@@ -696,46 +666,39 @@ exports[`UsersView > Unban user 1`] = `
               <h2>Change user email</h2>
             </header>
             <section class="">
-              <div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
+                <div data-oruga="input" class="o-input o-input--disabled">
+                  <!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
               </div>
-              <div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
-                <div class="o-field__body">
-                  <div class="o-field o-field--addons">
-                    <div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
-                      <!---->
-                      <!---->
-                      <!---->
-                    </div>
-                  </div>
+              <div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
+                <div data-oruga="input" class="o-input">
+                  <!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
+                  <!---->
+                  <!---->
                 </div>
                 <!---->
-              </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+              </div>
+              <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
             </section>
-            <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+            <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
                 <!----></span>
-              </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
+              </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
                 <!----></span>
               </button></footer>
           </div>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
@@ -744,52 +707,49 @@ exports[`UsersView > Unban user 1`] = `
           <section>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
               <!---->
             </div>
             <div data-oruga="field" class="o-field">
               <!---->
-              <div class="o-field__body">
-                <div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
-              </div>
+              <div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
               <!---->
-            </div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
+            </div>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
           </section>
-          <footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
   <!--teleport end-->
   <!--teleport start-->
   <transition-stub name="zoom-out" appear="false" persisted="false" css="true">
-    <div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
-      <div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
+    <div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
+      <div class="o-modal__overlay" tabindex="-1"></div>
       <div class="o-modal__content" style="max-width: 960px;">
         <form>
           <header>
             <h2>Confirm user</h2>
           </header>
-          <section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
-          <footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
+          <section>
+            <div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
+          </section>
+          <footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
               <!----></span>
-            </button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
+            </button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
               <!----></span>
             </button></footer>
-        </form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
+        </form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
       </div>
     </div>
   </transition-stub>
diff --git a/tests/unit/specs/views/admin/__snapshots__/groupProfiles.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/groupProfiles.spec.ts.snap
index c67344908..87d5a14c1 100644
--- a/tests/unit/specs/views/admin/__snapshots__/groupProfiles.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/groupProfiles.spec.ts.snap
@@ -5,30 +5,37 @@ exports[`GroupProfiles > Show simple 1`] = `
   <breadcrumbs-nav data-v-0a4382af="" links="[object Object],[object Object]"></breadcrumbs-nav>
   <!--v-if-->
   <div data-v-0a4382af="">
-    <div data-v-0a4382af="" class="flex gap-2"><label data-v-0a4382af="" class="o-switch o-switch--right" data-oruga="switch" role="switch" aria-checked="true"><input type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input o-switch__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-switch__check o-switch__check--checked o-switch--rounded"><span class="o-switch__check-switch o-switch--rounded"></span></span><span class="o-switch__label">Local</span></label><label data-v-0a4382af="" class="o-switch o-switch--right" data-oruga="switch" role="switch" aria-checked="false"><input type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" autocomplete="off" true-value="true" false-value="false"><span class="o-switch__check o-switch--rounded"><span class="o-switch__check-switch o-switch--rounded"></span></span><span class="o-switch__label">Suspended</span></label></div>
-    <div data-v-0a4382af="" class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-v-0a4382af="" data-id="1" data-oruga="table-column">Username <!----></span><span data-v-0a4382af="" data-id="2" data-oruga="table-column">Domain <!----></span></div>
+    <div data-v-0a4382af="" class="flex gap-2">
+      <div data-v-0a4382af="" data-oruga="switch" class="o-switch o-switch--position o-switch--rounded o-switch--checked"><input id="v-0-0" type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-1"><label id="v-0-1" for="v-0-0" class="o-switch__label">Local</label></div>
+      <div data-v-0a4382af="" data-oruga="switch" class="o-switch o-switch--position o-switch--rounded"><input id="v-0-2" type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-3"><label id="v-0-3" for="v-0-2" class="o-switch__label">Suspended</label></div>
+    </div>
+    <div data-v-0a4382af="" data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-v-0a4382af="" data-oruga="table-column" data-id="table-1">Username <!----></span><span data-v-0a4382af="" data-oruga="table-column" data-id="table-2">Domain <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table">
+        <table debounce-search="500" class="o-table" aria-rowcount="5" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Username <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Domain <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Username</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Domain</span>
+                <!---->
+              </th>
               <!---->
             </tr>
-            <tr>
+            <tr aria-rowindex="2">
               <!---->
               <!---->
-              <th class="o-table__th"><span><div data-v-0a4382af="" data-oruga="input" class="o-input__wrapper"><input aria-label="Filter" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off" placeholder="Filter"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-magnify mdi-24px"></i></span>
+              <th class="o-table__th"><span><div data-v-0a4382af="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-magnify mdi-24px"></i></span><input aria-label="Filter" id="v-0-4" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off" placeholder="Filter">
                 <!---->
                 <!---->
       </div></span></th>
-      <th class="o-table__th"><span><div data-v-0a4382af="" data-oruga="input" class="o-input__wrapper"><input aria-label="Filter" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off" placeholder="Filter"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-magnify mdi-24px"></i></span>
+      <th class="o-table__th"><span><div data-v-0a4382af="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-magnify mdi-24px"></i></span><input aria-label="Filter" id="v-0-5" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off" placeholder="Filter">
         <!---->
         <!---->
     </div></span></th>
@@ -37,7 +44,7 @@ exports[`GroupProfiles > Show simple 1`] = `
     <!---->
     </thead>
     <tbody>
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="3">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/1125368" class="profile">
@@ -52,11 +59,8 @@ exports[`GroupProfiles > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="4">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/175368" class="profile">
@@ -71,11 +75,8 @@ exports[`GroupProfiles > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="5">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/1126368" class="profile">
@@ -90,9 +91,6 @@ exports[`GroupProfiles > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
       <!---->
     </tbody>
@@ -102,14 +100,14 @@ exports[`GroupProfiles > Show simple 1`] = `
       <!---->
     </transition-stub>
   </div>
-  <div class="o-table__pagination" per-page="10" total="3" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+  <div class="o-table__pagination">
     <div></div>
     <div>
-      <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-        <ul class="o-pag__list">
+      <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+        <ul class="o-pagination__list">
           <!---->
           <!---->
-          <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+          <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
           <!---->
           <!---->
         </ul>
diff --git a/tests/unit/specs/views/admin/__snapshots__/instanceView.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/instanceView.spec.ts.snap
index bd87dbe86..8aba47997 100644
--- a/tests/unit/specs/views/admin/__snapshots__/instanceView.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/instanceView.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`InstanceView > Show simple 1`] = `
     <div>
       <h2 class="text-4xl font-bold">Mobilizon</h2>
       <p class="text-slate-700 dark:text-slate-400 my-4">Mobilizon for test</p>Software details: <span class="capitalize">Mobilizon - 5.2.0</span>
-    </div><a class="o-btn mx-auto md:mx-0" role="button" data-oruga="button" href="https://mobilizon.test" target="_blank" rel="noopener noreferrer"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Visit mobilizon.test</span><span class="o-icon o-btn__icon o-btn__icon-right" data-oruga="icon"><i class="mdi mdi-open-in-new mdi-24px"></i></span></span></a>
+    </div><a data-oruga="button" role="button" tabindex="0" class="o-button mx-auto md:mx-0" href="https://mobilizon.test" target="_blank" rel="noopener noreferrer"><span class="o-button__wrapper"><!----><span class="o-button__label">Visit mobilizon.test</span><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-right"><i class="mdi mdi-open-in-new mdi-24px"></i></span></span></a>
   </section>
   <section>
     <div class="grid md:grid-cols-2 xl:grid-cols-4 gap-2 content-center text-center mt-2">
diff --git a/tests/unit/specs/views/admin/__snapshots__/instancesView.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/instancesView.spec.ts.snap
index ef0219346..baba43fcd 100644
--- a/tests/unit/specs/views/admin/__snapshots__/instancesView.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/instancesView.spec.ts.snap
@@ -7,24 +7,24 @@ exports[`InstancesView > Show simple 1`] = `
     <h1 data-v-364450c8="" class="title">Instances</h1>
     <form data-v-364450c8="" class="my-4">
       <div data-v-364450c8="" data-oruga="field" class="o-field o-field--horizontal">
-        <div class="o-field__horizontal-label"><label for="newRelayAddress" class="o-field__label">Follow a new instance</label></div>
+        <div class="o-field__horizontal-label"><label id="v-0-0" for="newRelayAddress" class="o-field__label">Follow a new instance</label></div>
         <div class="o-field__horizontal-body">
           <div data-oruga="field" class="o-field">
             <!---->
             <div class="o-field__body">
               <div class="o-field">
-                <div data-v-364450c8="" data-oruga="field" class="o-field" expanded="" size="large">
+                <div data-v-364450c8="" data-oruga="field" class="o-field" group-multiline="" expanded="" size="large">
                   <!---->
                   <div class="o-field__body">
-                    <div class="o-field o-field--grouped-multiline o-field--grouped">
+                    <div class="o-field o-field--grouped">
                       <p data-v-364450c8="" class="control">
-                      <div data-v-364450c8="" data-oruga="input" class="o-input__wrapper"><input id="newRelayAddress" data-oruga-input="text" type="text" class="o-input" autocomplete="off" placeholder="Ex: mobilizon.fr">
-                        <!---->
+                      <div data-v-364450c8="" data-oruga="input" class="o-input">
+                        <!----><input aria-labelledby="v-0-11" id="newRelayAddress" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="Ex: mobilizon.fr">
                         <!---->
                         <!---->
                       </div>
                       </p>
-                      <p data-v-364450c8="" class="control"><button data-v-364450c8="" type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Add an instance</span>
+                      <p data-v-364450c8="" class="control"><button data-v-364450c8="" data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Add an instance</span>
                           <!----></span>
                         </button>
                         <transition-stub data-v-364450c8="" name="fade" appear="false" persisted="false" css="true">
@@ -37,28 +37,24 @@ exports[`InstancesView > Show simple 1`] = `
                 </div>
               </div>
             </div>
-            <p class="o-field__message"></p>
+            <!---->
           </div>
         </div>
         <!---->
       </div>
     </form>
     <div data-v-364450c8="" class="flex flex-wrap gap-2">
-      <div data-v-364450c8="" data-oruga="field" class="o-field"><label class="o-field__label">Follow status</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons"><label data-v-364450c8="" class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="ALL"><span class="o-radio__label">All</span></label><label data-v-364450c8="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="FOLLOWING"><span class="o-radio__label">Following</span></label><label data-v-364450c8="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="FOLLOWED"><span class="o-radio__label">Followed</span></label></div>
-        </div>
+      <div data-v-364450c8="" data-oruga="field" class="o-field"><label id="v-0-4" class="o-field__label" for="v-0-8">Follow status</label>
+        <div data-v-364450c8="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-4" id="v-0-6" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="ALL"><label id="v-0-4" for="v-0-6" class="o-radio__label">All</label></div>
+        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-7" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="FOLLOWING"><label id="v-0-4" for="v-0-7" class="o-radio__label">Following</label></div>
+        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="FOLLOWED"><label id="v-0-4" for="v-0-8" class="o-radio__label">Followed</label></div>
         <!---->
       </div>
-      <div data-v-364450c8="" data-oruga="field" class="o-field flex-auto"><label for="domain-filter" class="o-field__label">Domain or instance name</label>
-        <div class="o-field__body">
-          <div class="o-field o-field--addons">
-            <div data-v-364450c8="" data-oruga="input" class="o-input__wrapper"><input id="domain-filter" data-oruga-input="text" type="text" class="o-input" autocomplete="off" placeholder="mobilizon-instance.tld">
-              <!---->
-              <!---->
-              <!---->
-            </div>
-          </div>
+      <div data-v-364450c8="" data-oruga="field" class="o-field flex-auto"><label id="v-0-9" for="domain-filter" class="o-field__label">Domain or instance name</label>
+        <div data-v-364450c8="" data-oruga="input" class="o-input">
+          <!----><input aria-labelledby="v-0-9" id="domain-filter" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="mobilizon-instance.tld">
+          <!---->
+          <!---->
         </div>
         <!---->
       </div>
@@ -69,8 +65,8 @@ exports[`InstancesView > Show simple 1`] = `
             <h3 data-v-364450c8="" class="text-lg truncate font-bold line-clamp-1 text-slate-800 dark:text-slate-100">Mobilizon</h3>
             <div data-v-364450c8="">
               <div data-v-364450c8="" class="flex flex-wrap gap-x-2 gap-y-1">
-                <p data-v-364450c8="" class="min-w-0 inline-flex gap-1 truncate text-slate-700 dark:text-slate-300"><span data-v-364450c8="" class="o-icon" data-oruga="icon"><i class="mdi mdi-web mdi-24px"></i></span><span data-v-364450c8="">mobilizon.test</span></p>
-                <p data-v-364450c8="" class="capitalize text-slate-700 dark:text-slate-300 inline-flex gap-1"><span data-v-364450c8="" class="o-icon" data-oruga="icon"><i class="mdi mdi-server mdi-24px"></i></span> Mobilizon</p>
+                <p data-v-364450c8="" class="min-w-0 inline-flex gap-1 truncate text-slate-700 dark:text-slate-300"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-web mdi-24px"></i></span><span data-v-364450c8="">mobilizon.test</span></p>
+                <p data-v-364450c8="" class="capitalize text-slate-700 dark:text-slate-300 inline-flex gap-1"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-server mdi-24px"></i></span> Mobilizon</p>
               </div>
               <div data-v-364450c8="">
                 <!--v-if-->
@@ -89,11 +85,11 @@ exports[`InstancesView > Show simple 1`] = `
             <h3 data-v-364450c8="" class="text-lg truncate font-bold line-clamp-1 text-slate-800 dark:text-slate-100">Agenda de Crémeaux</h3>
             <div data-v-364450c8="">
               <div data-v-364450c8="" class="flex flex-wrap gap-x-2 gap-y-1">
-                <p data-v-364450c8="" class="min-w-0 inline-flex gap-1 truncate text-slate-700 dark:text-slate-300"><span data-v-364450c8="" class="o-icon" data-oruga="icon"><i class="mdi mdi-web mdi-24px"></i></span><span data-v-364450c8="">agenda.test</span></p>
-                <p data-v-364450c8="" class="capitalize text-slate-700 dark:text-slate-300 inline-flex gap-1"><span data-v-364450c8="" class="o-icon" data-oruga="icon"><i class="mdi mdi-server mdi-24px"></i></span> gancio</p>
+                <p data-v-364450c8="" class="min-w-0 inline-flex gap-1 truncate text-slate-700 dark:text-slate-300"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-web mdi-24px"></i></span><span data-v-364450c8="">agenda.test</span></p>
+                <p data-v-364450c8="" class="capitalize text-slate-700 dark:text-slate-300 inline-flex gap-1"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-server mdi-24px"></i></span> gancio</p>
               </div>
               <div data-v-364450c8="">
-                <p data-v-364450c8="" class="inline-flex gap-1 text-slate-700 dark:text-slate-300"><span data-v-364450c8="" class="o-icon" data-oruga="icon"><i class="mdi mdi-inbox-arrow-down mdi-24px"></i></span> Followed</p>
+                <p data-v-364450c8="" class="inline-flex gap-1 text-slate-700 dark:text-slate-300"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-inbox-arrow-down mdi-24px"></i></span> Followed</p>
                 <!--v-if-->
               </div>
             </div>
@@ -104,11 +100,11 @@ exports[`InstancesView > Show simple 1`] = `
           <p data-v-364450c8="" class="flex flex-col text-center"><span data-v-364450c8="" class="text-xl">0</span><span data-v-364450c8="" class="text-sm">Profiles</span></p>
         </div>
       </a>
-      <nav data-v-364450c8="" class="o-pag o-pag--right" data-oruga="pagination" style="display: none;"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-        <ul class="o-pag__list">
+      <nav data-v-364450c8="" data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right" style="display: none;"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+        <ul class="o-pagination__list">
           <!---->
           <!---->
-          <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+          <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
           <!---->
           <!---->
         </ul>
diff --git a/tests/unit/specs/views/admin/__snapshots__/profilesView.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/profilesView.spec.ts.snap
index 32c6776f4..cabaacbeb 100644
--- a/tests/unit/specs/views/admin/__snapshots__/profilesView.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/profilesView.spec.ts.snap
@@ -4,30 +4,37 @@ exports[`ProfilesView > Show simple 1`] = `
 "<div data-v-7a3be82f="">
   <breadcrumbs-nav data-v-7a3be82f="" links="[object Object],[object Object]"></breadcrumbs-nav>
   <div data-v-7a3be82f="">
-    <div data-v-7a3be82f="" class="flex gap-2"><label data-v-7a3be82f="" class="o-switch o-switch--right" data-oruga="switch" role="switch" aria-checked="true"><input type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input o-switch__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-switch__check o-switch__check--checked o-switch--rounded"><span class="o-switch__check-switch o-switch--rounded"></span></span><span class="o-switch__label">Local</span></label><label data-v-7a3be82f="" class="o-switch o-switch--right" data-oruga="switch" role="switch" aria-checked="false"><input type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" autocomplete="off" true-value="true" false-value="false"><span class="o-switch__check o-switch--rounded"><span class="o-switch__check-switch o-switch--rounded"></span></span><span class="o-switch__label">Suspended</span></label></div>
-    <div data-v-7a3be82f="" class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-v-7a3be82f="" data-id="1" data-oruga="table-column">Username <!----></span><span data-v-7a3be82f="" data-id="2" data-oruga="table-column">Domain <!----></span></div>
+    <div data-v-7a3be82f="" class="flex gap-2">
+      <div data-v-7a3be82f="" data-oruga="switch" class="o-switch o-switch--position o-switch--rounded o-switch--checked"><input id="v-0-0" type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-1"><label id="v-0-1" for="v-0-0" class="o-switch__label">Local</label></div>
+      <div data-v-7a3be82f="" data-oruga="switch" class="o-switch o-switch--position o-switch--rounded"><input id="v-0-2" type="checkbox" role="switch" data-oruga-input="switch" class="o-switch__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-3"><label id="v-0-3" for="v-0-2" class="o-switch__label">Suspended</label></div>
+    </div>
+    <div data-v-7a3be82f="" data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-v-7a3be82f="" data-oruga="table-column" data-id="table-1">Username <!----></span><span data-v-7a3be82f="" data-oruga="table-column" data-id="table-2">Domain <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table">
+        <table debounce-search="500" class="o-table" aria-rowcount="5" aria-colcount="2">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" draggable="false"><span>Username <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Domain <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" draggable="false" aria-colindex="1"><span class="o-table__th__label">Username</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Domain</span>
+                <!---->
+              </th>
               <!---->
             </tr>
-            <tr>
+            <tr aria-rowindex="2">
               <!---->
               <!---->
-              <th class="o-table__th"><span><div data-v-7a3be82f="" data-oruga="input" class="o-input__wrapper"><input aria-label="Filter" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off" placeholder="Filter"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-magnify mdi-24px"></i></span>
+              <th class="o-table__th"><span><div data-v-7a3be82f="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-magnify mdi-24px"></i></span><input aria-label="Filter" id="v-0-4" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off" placeholder="Filter">
                 <!---->
                 <!---->
       </div></span></th>
-      <th class="o-table__th"><span><div data-v-7a3be82f="" data-oruga="input" class="o-input__wrapper"><input aria-label="Filter" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off" placeholder="Filter"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-magnify mdi-24px"></i></span>
+      <th class="o-table__th"><span><div data-v-7a3be82f="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-magnify mdi-24px"></i></span><input aria-label="Filter" id="v-0-5" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off" placeholder="Filter">
         <!---->
         <!---->
     </div></span></th>
@@ -36,7 +43,7 @@ exports[`ProfilesView > Show simple 1`] = `
     <!---->
     </thead>
     <tbody>
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="3">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/1" class="profile">
@@ -49,11 +56,8 @@ exports[`ProfilesView > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="4">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/2" class="profile">
@@ -66,11 +70,8 @@ exports[`ProfilesView > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
-      <tr class="" draggable="false">
+      <tr class="" draggable="false" aria-rowindex="5">
         <!---->
         <!---->
         <td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/109687" class="profile">
@@ -83,9 +84,6 @@ exports[`ProfilesView > Show simple 1`] = `
         <td class="o-table__td" data-label="Domain"></td>
         <!---->
       </tr>
-      <transition-stub name="slide" appear="false" persisted="false" css="true">
-        <!---->
-      </transition-stub>
       <!---->
       <!---->
     </tbody>
@@ -95,14 +93,14 @@ exports[`ProfilesView > Show simple 1`] = `
       <!---->
     </transition-stub>
   </div>
-  <div class="o-table__pagination" per-page="10" total="3" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+  <div class="o-table__pagination">
     <div></div>
     <div>
-      <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-        <ul class="o-pag__list">
+      <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+        <ul class="o-pagination__list">
           <!---->
           <!---->
-          <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+          <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
           <!---->
           <!---->
         </ul>
diff --git a/tests/unit/specs/views/admin/__snapshots__/settings.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/settings.spec.ts.snap
index 92bb5430c..06ce7a93e 100644
--- a/tests/unit/specs/views/admin/__snapshots__/settings.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/settings.spec.ts.snap
@@ -121,7 +121,7 @@ exports[`SettingsView > Show and save settings 1`] = `
         </o-field>
         <!--v-if-->
       </section>
-      <o-button data-v-a8bb2abf="" native-type="submit" variant="primary">Save instance settings</o-button>
+      <o-button data-v-a8bb2abf="" type="submit" variant="primary">Save instance settings</o-button>
     </form>
   </div>
 </div>"
diff --git a/tests/unit/specs/views/admin/__snapshots__/usersView.spec.ts.snap b/tests/unit/specs/views/admin/__snapshots__/usersView.spec.ts.snap
index 2834b7d97..cfa5dd01c 100644
--- a/tests/unit/specs/views/admin/__snapshots__/usersView.spec.ts.snap
+++ b/tests/unit/specs/views/admin/__snapshots__/usersView.spec.ts.snap
@@ -5,34 +5,28 @@ exports[`UsersView > Show list with moderation 1`] = `
   <breadcrumbs-nav data-v-01123d3b="" links="[object Object],[object Object]"></breadcrumbs-nav>
   <div data-v-01123d3b="">
     <form data-v-01123d3b="">
-      <div data-v-01123d3b="" data-oruga="field" class="o-field mb-5">
+      <div data-v-01123d3b="" data-oruga="field" class="o-field mb-5" group-multiline="">
         <!---->
         <div class="o-field__body">
-          <div class="o-field o-field--grouped-multiline o-field--grouped">
-            <p data-v-01123d3b="" class="control mb-3 m-auto"><label data-v-01123d3b="" class="o-chk" data-oruga="checkbox" role="checkbox" aria-checked="false"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Users pending for moderation</span></label></p>
-            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label class="o-field__label" for="">Email</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-01123d3b="" data-oruga="input" class="o-input__wrapper"><input trap-focus="" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-email mdi-24px"></i></span>
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+          <div class="o-field o-field--grouped">
+            <p data-v-01123d3b="" class="control mb-3 m-auto">
+            <div data-v-01123d3b="" data-oruga="checkbox" class="o-checkbox"><input aria-labelledby="v-0-0" id="v-0-8" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false"><label id="v-0-0" for="v-0-8" class="o-checkbox__label">Users pending for moderation</label></div>
+            </p>
+            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label id="v-0-2" class="o-field__label" for="v-0-4">Email</label>
+              <div data-v-01123d3b="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-email mdi-24px"></i></span><input aria-labelledby="v-0-2" trap-focus="" id="v-0-4" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off">
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
-            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label class="o-field__label" for="">IP Address</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-01123d3b="" data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-web mdi-24px"></i></span>
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label id="v-0-5" class="o-field__label" for="v-0-7">IP Address</label>
+              <div data-v-01123d3b="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-web mdi-24px"></i></span><input aria-labelledby="v-0-5" id="v-0-7" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off">
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
-            <p data-v-01123d3b="" class="control self-end mb-0"><button data-v-01123d3b="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Filter</span>
+            <p data-v-01123d3b="" class="control self-end mb-0"><button data-v-01123d3b="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Filter</span>
                 <!----></span>
               </button></p>
           </div>
@@ -40,28 +34,36 @@ exports[`UsersView > Show list with moderation 1`] = `
         <!---->
       </div>
     </form>
-    <div data-v-01123d3b="" class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-v-01123d3b="" data-id="1" data-oruga="table-column"> <!----></span><span data-v-01123d3b="" data-id="2" data-oruga="table-column">Email <!----></span><span data-v-01123d3b="" data-id="3" data-oruga="table-column" centered="true">Last seen on <!----></span><span data-v-01123d3b="" data-id="4" data-oruga="table-column" centered="true">Language <!----></span></div>
+    <div data-v-01123d3b="" data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-v-01123d3b="" data-oruga="table-column" data-id="table-1"> <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-2">Email <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-3" centered="true">Last seen on <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-4" centered="true">Language <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table">
+        <table debounce-search="500" class="o-table" aria-rowcount="3" aria-colcount="4">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" style="width: 40px;" draggable="false"><span> <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Email <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Last seen on <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Language <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" style="width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Email</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="3"><span class="o-table__th__label">Last seen on</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="4"><span class="o-table__th__label">Language</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr class="" draggable="false">
+            <tr class="" draggable="false" aria-rowindex="2">
               <!---->
               <!---->
               <td class="o-table__td" style="width: 40px;">6</td>
@@ -70,11 +72,8 @@ exports[`UsersView > Show list with moderation 1`] = `
               <td class="o-table__td" data-label="Language">English</td>
               <!---->
             </tr>
-            <transition-stub name="slide" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
             <!---->
-            <tr class="" draggable="false">
+            <tr class="" draggable="false" aria-rowindex="3">
               <!---->
               <!---->
               <td class="o-table__td" style="width: 40px;">1</td>
@@ -83,9 +82,6 @@ exports[`UsersView > Show list with moderation 1`] = `
               <td class="o-table__td" data-label="Language">English</td>
               <!---->
             </tr>
-            <transition-stub name="slide" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
             <!---->
             <!---->
           </tbody>
@@ -95,14 +91,14 @@ exports[`UsersView > Show list with moderation 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="2" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
               <!---->
               <!---->
             </ul>
@@ -119,34 +115,26 @@ exports[`UsersView > Show simple list 1`] = `
   <breadcrumbs-nav data-v-01123d3b="" links="[object Object],[object Object]"></breadcrumbs-nav>
   <div data-v-01123d3b="">
     <form data-v-01123d3b="">
-      <div data-v-01123d3b="" data-oruga="field" class="o-field mb-5">
+      <div data-v-01123d3b="" data-oruga="field" class="o-field mb-5" group-multiline="">
         <!---->
         <div class="o-field__body">
-          <div class="o-field o-field--grouped-multiline o-field--grouped">
+          <div class="o-field o-field--grouped">
             <!--v-if-->
-            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label class="o-field__label" for="">Email</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-01123d3b="" data-oruga="input" class="o-input__wrapper"><input trap-focus="" id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-email mdi-24px"></i></span>
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label id="v-0-2" class="o-field__label" for="v-0-4">Email</label>
+              <div data-v-01123d3b="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-email mdi-24px"></i></span><input aria-labelledby="v-0-2" trap-focus="" id="v-0-4" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off">
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
-            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label class="o-field__label" for="">IP Address</label>
-              <div class="o-field__body">
-                <div class="o-field o-field--addons">
-                  <div data-v-01123d3b="" data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="text" type="text" class="o-input o-input--iconspace-left" autocomplete="off"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-web mdi-24px"></i></span>
-                    <!---->
-                    <!---->
-                  </div>
-                </div>
+            <div data-v-01123d3b="" data-oruga="field" class="o-field" expanded=""><label id="v-0-5" class="o-field__label" for="v-0-7">IP Address</label>
+              <div data-v-01123d3b="" data-oruga="input" class="o-input"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-web mdi-24px"></i></span><input aria-labelledby="v-0-5" id="v-0-7" type="text" data-oruga-input="text" class="o-input__input o-input__input--iconspace-left o-input__input--placeholder" autocomplete="off">
+                <!---->
+                <!---->
               </div>
               <!---->
             </div>
-            <p data-v-01123d3b="" class="control self-end mb-0"><button data-v-01123d3b="" type="button" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Filter</span>
+            <p data-v-01123d3b="" class="control self-end mb-0"><button data-v-01123d3b="" data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Filter</span>
                 <!----></span>
               </button></p>
           </div>
@@ -154,28 +142,36 @@ exports[`UsersView > Show simple list 1`] = `
         <!---->
       </div>
     </form>
-    <div data-v-01123d3b="" class="o-table__root" data-oruga="table">
-      <div style="display: none;"><span data-v-01123d3b="" data-id="1" data-oruga="table-column"> <!----></span><span data-v-01123d3b="" data-id="2" data-oruga="table-column">Email <!----></span><span data-v-01123d3b="" data-id="3" data-oruga="table-column" centered="true">Last seen on <!----></span><span data-v-01123d3b="" data-id="4" data-oruga="table-column" centered="true">Language <!----></span></div>
+    <div data-v-01123d3b="" data-oruga="table" class="o-table__root">
+      <div style="display: none;"><span data-v-01123d3b="" data-oruga="table-column" data-id="table-1"> <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-2">Email <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-3" centered="true">Last seen on <!----></span><span data-v-01123d3b="" data-oruga="table-column" data-id="table-4" centered="true">Language <!----></span></div>
       <!---->
       <!---->
       <div class="o-table__wrapper">
-        <table class="o-table">
+        <table debounce-search="500" class="o-table" aria-rowcount="3" aria-colcount="4">
           <!---->
           <thead>
-            <tr>
+            <tr aria-rowindex="1">
               <!---->
               <!---->
-              <th class="o-table__th" style="width: 40px;" draggable="false"><span> <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Email <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Last seen on <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
-              <th class="o-table__th" draggable="false"><span>Language <span class="o-table__th__sort-icon" style="display: none;"><span class="o-icon o-icon--small" data-oruga="icon"><i class="mdi mdi-arrow-up"></i></span></span></span></th>
+              <th class="o-table__th" style="width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Email</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="3"><span class="o-table__th__label">Last seen on</span>
+                <!---->
+              </th>
+              <th class="o-table__th" draggable="false" aria-colindex="4"><span class="o-table__th__label">Language</span>
+                <!---->
+              </th>
               <!---->
             </tr>
             <!---->
             <!---->
           </thead>
           <tbody>
-            <tr class="" draggable="false">
+            <tr class="" draggable="false" aria-rowindex="2">
               <!---->
               <!---->
               <td class="o-table__td" style="width: 40px;">6</td>
@@ -184,11 +180,8 @@ exports[`UsersView > Show simple list 1`] = `
               <td class="o-table__td" data-label="Language">English</td>
               <!---->
             </tr>
-            <transition-stub name="slide" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
             <!---->
-            <tr class="" draggable="false">
+            <tr class="" draggable="false" aria-rowindex="3">
               <!---->
               <!---->
               <td class="o-table__td" style="width: 40px;">1</td>
@@ -197,9 +190,6 @@ exports[`UsersView > Show simple list 1`] = `
               <td class="o-table__td" data-label="Language">English</td>
               <!---->
             </tr>
-            <transition-stub name="slide" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
             <!---->
             <!---->
           </tbody>
@@ -209,14 +199,14 @@ exports[`UsersView > Show simple list 1`] = `
           <!---->
         </transition-stub>
       </div>
-      <div class="o-table__pagination" per-page="10" total="2" rounded="false" size="small" simple="false" aria-next-label="Next page" aria-previous-label="Previous page" aria-page-label="Page" aria-current-label="Current page">
+      <div class="o-table__pagination">
         <div></div>
         <div>
-          <nav class="o-pag o-pag--right o-pag--small" data-oruga="pagination"><button role="button" tabindex="0" class="o-pag__link o-pag__previous o-pag__link--disabled" aria-label="Previous page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button role="button" tabindex="0" class="o-pag__link o-pag__next o-pag__link--disabled" aria-label="Next page" aria-current="false"><span class="o-icon" data-oruga="icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
-            <ul class="o-pag__list">
+          <nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
+            <ul class="o-pagination__list">
               <!---->
               <!---->
-              <li class="o-pag__item"><button role="button" tabindex="0" class="o-pag__link o-pag__link--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
+              <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
               <!---->
               <!---->
             </ul>