diff --git a/app/assets/stylesheets/bioportal.scss b/app/assets/stylesheets/bioportal.scss
index 6b721cf9a..9d1ae3b4d 100644
--- a/app/assets/stylesheets/bioportal.scss
+++ b/app/assets/stylesheets/bioportal.scss
@@ -580,7 +580,7 @@ tr.mainresource td {
 }
 
 .obsolete_class {
-  color: rgb(100,100,100);
+  color: rgb(100,100,100)!important;
   cursor: help;
   font-style: oblique;
 }
diff --git a/app/components/tree_link_component.rb b/app/components/tree_link_component.rb
index 18e3dabe6..81f510fb5 100644
--- a/app/components/tree_link_component.rb
+++ b/app/components/tree_link_component.rb
@@ -16,6 +16,10 @@ def initialize(child:, href:, children_href: , selected: false , data: {}, muted
       pref_label_lang, @pref_label_html = select_language_label(label)
       pref_label_lang = pref_label_lang.to_s.upcase
       @tooltip = pref_label_lang.eql?("@NONE") ? "" : pref_label_lang
+
+      if child.obsolete?
+        @pref_label_html = "<span class='obsolete_class'>#{@pref_label_html}</span>".html_safe
+      end
     end
     @data ||= { controller: 'tooltip', 'tooltip-position-value': 'right', turbo: true, 'turbo-frame': target_frame, action: 'click->simple-tree#select'}