diff --git a/invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx b/invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx
index 437cecd4925..62b7114288d 100644
--- a/invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx
+++ b/invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx
@@ -2,6 +2,7 @@ import '@fontsource-variable/inter';
 import 'overlayscrollbars/overlayscrollbars.css';
 import '@xyflow/react/dist/base.css';
 import 'common/components/OverlayScrollbars/overlayscrollbars.css';
+import 'app/components/touchDevice.css';
 
 import { ChakraProvider, DarkMode, extendTheme, theme as baseTheme, TOAST_OPTIONS } from '@invoke-ai/ui-library';
 import { useStore } from '@nanostores/react';
diff --git a/invokeai/frontend/web/src/app/components/touchDevice.css b/invokeai/frontend/web/src/app/components/touchDevice.css
new file mode 100644
index 00000000000..acf5bb082ed
--- /dev/null
+++ b/invokeai/frontend/web/src/app/components/touchDevice.css
@@ -0,0 +1,7 @@
+/* Hide tooltips on touch devices where hover gets "stuck" */
+@media (hover: none) {
+  .chakra-tooltip {
+    visibility: hidden !important;
+    opacity: 0 !important;
+  }
+}