diff --git a/Libraries/LibWeb/DOM/Document.cpp b/Libraries/LibWeb/DOM/Document.cpp
index 020f8fdc8a..9ce3cd1462 100644
--- a/Libraries/LibWeb/DOM/Document.cpp
+++ b/Libraries/LibWeb/DOM/Document.cpp
@@ -2076,14 +2076,10 @@ void Document::invalidate_style_for_elements_affected_by_pseudo_class_change(CSS
         SelectorEngine::MatchContext context;
         if (SelectorEngine::matches(selector, element, {}, context, {}))
             return true;
-        if (element.has_pseudo_element(CSS::PseudoElement::Before)) {
-            if (SelectorEngine::matches(selector, element, {}, context, CSS::PseudoElement::Before))
-                return true;
-        }
-        if (element.has_pseudo_element(CSS::PseudoElement::After)) {
-            if (SelectorEngine::matches(selector, element, {}, context, CSS::PseudoElement::After))
-                return true;
-        }
+        if (SelectorEngine::matches(selector, element, {}, context, CSS::PseudoElement::Before))
+            return true;
+        if (SelectorEngine::matches(selector, element, {}, context, CSS::PseudoElement::After))
+            return true;
         return false;
     };
 
diff --git a/Tests/LibWeb/Text/expected/css/pseudo-elements-on-hover.txt b/Tests/LibWeb/Text/expected/css/pseudo-elements-on-hover.txt
new file mode 100644
index 0000000000..2d3541b604
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/css/pseudo-elements-on-hover.txt
@@ -0,0 +1,3 @@
+update: 16 create: 0
+update: 78 create: 33
+update: 16 create: 0
diff --git a/Tests/LibWeb/Text/expected/css/update-pseudo-elements-on-hover.txt b/Tests/LibWeb/Text/expected/css/update-pseudo-elements-on-hover.txt
deleted file mode 100644
index 08f5fd4f01..0000000000
--- a/Tests/LibWeb/Text/expected/css/update-pseudo-elements-on-hover.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-Not hovering: 16
-Hovering: 78
-Not hovering: 16
diff --git a/Tests/LibWeb/Text/input/css/pseudo-elements-on-hover.html b/Tests/LibWeb/Text/input/css/pseudo-elements-on-hover.html
new file mode 100644
index 0000000000..cd37fa4c84
--- /dev/null
+++ b/Tests/LibWeb/Text/input/css/pseudo-elements-on-hover.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<style>
+    .outer {
+        height: 100px;
+    }
+    .update {
+        display: inline-block;
+    }
+    .update::before {
+        content: "Hi";
+    }
+    .outer:hover .update::before {
+        content: "Long text";
+    }
+    .create {
+        display: inline-block;
+    }
+    .outer:hover .create::before {
+        content: "Flag";
+    }
+</style>
+<script src="../include.js"></script>
+<div class="outer"><div class="update"></div><div class="create"></div></div>
+<script>
+    test(() => {
+        const update = document.querySelector('.update');
+        const create = document.querySelector('.create');
+        println(`update: ${update.clientWidth} create: ${create.clientWidth}`);
+
+        internals.mouseMove(50, 50);
+        println(`update: ${update.clientWidth} create: ${create.clientWidth}`);
+
+        internals.mouseMove(200, 200);
+        println(`update: ${update.clientWidth} create: ${create.clientWidth}`);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/css/update-pseudo-elements-on-hover.html b/Tests/LibWeb/Text/input/css/update-pseudo-elements-on-hover.html
deleted file mode 100644
index 281b8b34e7..0000000000
--- a/Tests/LibWeb/Text/input/css/update-pseudo-elements-on-hover.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!doctype html>
-<style>
-    .outer {
-        height: 100px;
-    }
-    .inner {
-        display: inline-block;
-    }
-    .inner::before {
-        content: "Hi";
-        background-color: red;
-    }
-    .outer:hover .inner::before {
-        content: "Long text";
-        background-color: lime;
-    }
-</style>
-<script src="../include.js"></script>
-<div class="outer"><div class="inner"></div></div>
-<script>
-    test(() => {
-        const inner = document.querySelector('.inner');
-        println('Not hovering: ' + inner.clientWidth);
-
-        // Move mouse over .outer
-        internals.mouseMove(80, 80);
-        println('Hovering: ' + inner.clientWidth);
-
-        // Move mouse away again
-        internals.mouseMove(200, 200);
-        println('Not hovering: ' + inner.clientWidth);
-    });
-</script>
