diff --git a/static/css/default_light/datapoints.css b/static/css/default_light/datapoints.css
index 076bfb0..0263818 100644
--- a/static/css/default_light/datapoints.css
+++ b/static/css/default_light/datapoints.css
@@ -1,3 +1,6 @@
+#datapoints-filter.invalid-regex {
+ background-color: #ffd5d5;
+}
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
diff --git a/static/css/gruvbox/datapoints.css b/static/css/gruvbox/datapoints.css
index 1c85da4..96b0d62 100644
--- a/static/css/gruvbox/datapoints.css
+++ b/static/css/gruvbox/datapoints.css
@@ -1,3 +1,6 @@
+#datapoints-filter.invalid-regex {
+ background-color: #ffd5d5;
+}
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
diff --git a/static/less/datapoints.less b/static/less/datapoints.less
index 4c0eb68..4399cf2 100644
--- a/static/less/datapoints.less
+++ b/static/less/datapoints.less
@@ -1,5 +1,9 @@
@import "theme-@{THEME}.less";
+#datapoints-filter.invalid-regex {
+ background-color: #ffd5d5;
+}
+
#datapoints {
display: grid;
grid-template-columns: repeat(6, min-content);
diff --git a/views/pages/datapoints.gotmpl b/views/pages/datapoints.gotmpl
index d5326b7..c0f60bb 100644
--- a/views/pages/datapoints.gotmpl
+++ b/views/pages/datapoints.gotmpl
@@ -3,6 +3,46 @@
{{ $theme := .CONFIG.THEME }}