diff --git a/packages/frontend-2/tailwind.config.cjs b/packages/frontend-2/tailwind.config.cjs
index bb46b71aa..b3795fcda 100644
--- a/packages/frontend-2/tailwind.config.cjs
+++ b/packages/frontend-2/tailwind.config.cjs
@@ -9,6 +9,9 @@ const typographyPlugin = require('@tailwindcss/typography')
 /** @type {import('tailwindcss').Config} */
 const config = {
   darkMode: 'class',
+  future: {
+    hoverOnlyWhenSupported: true
+  },
   content: [
     `./components/**/*.{vue,js,ts}`,
     `./layouts/**/*.vue`,