diff --git a/web/components/Notifications/Item.vue b/web/components/Notifications/Item.vue
index 2b81da917..4128a4226 100644
--- a/web/components/Notifications/Item.vue
+++ b/web/components/Notifications/Item.vue
@@ -49,8 +49,7 @@ const icon = computed<{ component: Component, color: string } | null>(() => {
           <span class="sr-only">Archive Notification</span>
           <ArchiveBoxIcon class="size-4" />
         </button>
-        <!-- Tooltip breaks the webgui… -->
-        <!-- <TooltipProvider>
+        <TooltipProvider>
           <Tooltip>
             <TooltipTrigger as-child>
               <button class="relative z-20">
@@ -62,7 +61,7 @@ const icon = computed<{ component: Component, color: string } | null>(() => {
               <p>Archive</p>
             </TooltipContent>
           </Tooltip>
-        </TooltipProvider> -->
+        </TooltipProvider>
       </div>
     </header>
 
diff --git a/web/package.json b/web/package.json
index 4465d9d1b..c664a56db 100644
--- a/web/package.json
+++ b/web/package.json
@@ -49,6 +49,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.10.4",
+    "@floating-ui/dom": "^1.6.11",
+    "@floating-ui/utils": "^0.2.8",
+    "@floating-ui/vue": "^1.1.5",
     "@headlessui/vue": "^1.7.22",
     "@heroicons/vue": "^2.1.3",
     "@pinia/nuxt": "^0.5.1",
@@ -70,10 +73,13 @@
     "radix-vue": "^1.9.6",
     "semver": "^7.6.2",
     "tailwind-merge": "^2.5.2",
-    "vue-i18n": "^9.13.1",
+    "vue-i18n": "^9.14.1",
     "wretch": "^2.8.1"
   },
   "overrides": {
-    "vue": "latest"
+    "vue": "latest",
+    "radix-vue": {
+      "@floating-ui/vue": "^1.1.5"
+    }
   }
 }