diff --git a/queries/jsx/highlights.scm b/queries/jsx/highlights.scm
index ba3e44a55..e8aaffdda 100644
--- a/queries/jsx/highlights.scm
+++ b/queries/jsx/highlights.scm
@@ -18,19 +18,19 @@
  (#match? @type "^[A-Z]")))
 
 ; Handle the dot operator effectively - <My.Component>
-(jsx_opening_element ((nested_identifier (identifier) @type (identifier) @type)))
+(jsx_opening_element ((nested_identifier (identifier) @tag (identifier) @type)))
 
 (jsx_closing_element ((identifier) @type
  (#match? @type "^[A-Z]")))
 
 ; Handle the dot operator effectively - </My.Component>
-(jsx_closing_element ((nested_identifier (identifier) @type (identifier) @type)))
+(jsx_closing_element ((nested_identifier (identifier) @tag (identifier) @type)))
 
 (jsx_self_closing_element ((identifier) @type
  (#match? @type "^[A-Z]")))
 
 ; Handle the dot operator effectively - <My.Component />
-(jsx_self_closing_element ((nested_identifier (identifier) @type (identifier) @type)))
+(jsx_self_closing_element ((nested_identifier (identifier) @tag (identifier) @type)))
 
 (variable_declarator ((identifier) @type
  (#match? @type "^[A-Z]")))