diff --git a/app/components/subject_accordion_component/subject_accordion_component.html.erb b/app/components/subject_accordion_component/subject_accordion_component.html.erb
index 9ab9123..993700d 100644
--- a/app/components/subject_accordion_component/subject_accordion_component.html.erb
+++ b/app/components/subject_accordion_component/subject_accordion_component.html.erb
@@ -3,13 +3,13 @@
     <div class="accordion-header d-flex justify-content-between">
       <% if search_result["parent_id"].present? %>
         <div class="accordion-button collapsed m-0 p-0" data-bs-toggle="collapse" data-bs-target="#<%= children_accordion_id %>" 
-             data-accordion-id="<%= children_accordion_id %>" data-accordion-for="<%= opts[:accordionFor] %>" 
-             data-parent-id="<%= search_result["parent_id"] %>" data-accordion-target="#<%= accordion_body_id %>"
-             data-action="click->subjects#loadSubjectsAccordion"> 
-          <%= link_to search_result["name"], custom_url, class: "accordion-link text-decoration-none text-dark d-block sub1 clickable-link" %>
+             data-controller="subjects" data-accordion-id="<%= children_accordion_id %>" 
+             data-accordion-for="<%= opts[:accordionFor] %>" data-subject-parent-id="<%= search_result["parent_id"] %>" 
+             data-accordion-target="#<%= accordion_body_id %>" data-action="click->subjects#loadSubjectsAccordion"> 
+          <%= link_to search_result["name"], custom_url, class: "accordion-link text-decoration-none text-dark d-block sub#{search_result["heirarchy_level"] + 1} clickable-link" %>
         </div>
       <% else %>
-        <%= link_to search_result["name"], custom_url, class: "accordion-link text-decoration-none text-dark d-block sub1 clickable-link" %>
+        <%= link_to search_result["name"], custom_url, class: "accordion-link text-decoration-none text-dark d-block sub#{search_result["heirarchy_level"] + 1} clickable-link" %>
       <% end %>
     </div>