From 6b31f13db0b06014663fe40e84f8792e187ecbee Mon Sep 17 00:00:00 2001
From: Rahul Rao <63695122+rahulrao0209@users.noreply.github.com>
Date: Sat, 28 Jun 2025 16:23:32 +0530
Subject: [PATCH] Fix typo in shadow-dom-style article

---
 8-web-components/6-shadow-dom-style/article.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md
index 98e246a7f2..5fddee5424 100644
--- a/8-web-components/6-shadow-dom-style/article.md
+++ b/8-web-components/6-shadow-dom-style/article.md
@@ -176,7 +176,7 @@ customElements.define('user-card', class extends HTMLElement {
 </script>
 ```
 
-Here `<p>John Smith</p>` becomes bold, because CSS inheritance is in effect between the `<slot>` and its contents. But in CSS itself not all properties are inherited.
+Here `<span>John Smith</span>` becomes bold, because CSS inheritance is in effect between the `<slot>` and its contents. But in CSS itself not all properties are inherited.
 
 Another option is to use `::slotted(selector)` pseudo-class. It matches elements based on two conditions: