diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 4a22b8af4b55..279a23ba6575 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1803,6 +1803,7 @@ footer {
   }
 }
 
+/* TODO: remove in favor of .hidden helper */
 .hide {
   display: none;
 
diff --git a/web_src/less/helpers.less b/web_src/less/helpers.less
index 20670a378670..06f2f8a347ab 100644
--- a/web_src/less/helpers.less
+++ b/web_src/less/helpers.less
@@ -22,6 +22,7 @@
 /* below class names match Tailwind CSS */
 .pointer-events-none { pointer-events: none !important; }
 .relative { position: relative !important; }
+.hidden { display: none !important; }
 
 .mono {
   font-family: var(--fonts-monospace) !important;