diff --git a/app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb b/app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb
index f21df71..be58495 100644
--- a/app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb
+++ b/app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb
@@ -1,75 +1,77 @@
 <div class="accordion-collapse collapse" id="<%= opts[:main_sub_menu] %>" data-bs-parent="#sidenav">
   <div class="accordion-body pb-0 pe-0 pt-0">
-    <% Cdao::Subject.roots.each do |subject| %>
+    <% Cdao::Subject.roots.each do |root| %>
       <div class="accordion accordion-flush ps-20" id="firstLevelSubMenu">
         <div class="accordion-item">
           <h5 class="accordion-header">
-            <button class="<%= subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:second_sub_menu], subject.id].join %>">
-              <%= link_to subject.name, subject_index_path(subject.id), class: "accordion-link text-dark" %>
+            <button class="<%= root.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:second_sub_menu], root.id].join %>">
+              <%= link_to root.name, subject_index_path(root.id), class: "accordion-link text-dark" %>
             </button>
           </h5>
 
-          <div class="accordion-collapse collapse" id="<%= [opts[:second_sub_menu], subject.id].join %>" data-bs-parent="#firstLevelSubMenu">
+          <% if root.children.present? %>
+          <div class="accordion-collapse collapse" id="<%= [opts[:second_sub_menu], root.id].join %>" data-bs-parent="#firstLevelSubMenu">
             <div class="accordion-body pb-0 pe-0 pt-0">
-              <% subject.children.each do |second_subject| %>
+              <% root.children.each do |sub1| %>
                 <div class="accordion accordion-flush ps-20" id="secondLevelSubMenu">
                   <div class="accordion-item">
                     <h5 class="accordion-header">
-                      <button class="<%= second_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:third_sub_menu], second_subject.id].join %>">
-                        <%= link_to second_subject.name, subject_index_path(second_subject.id), class: "accordion-link text-dark" %>
+                      <button class="<%= sub1.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:third_sub_menu], sub1.id].join %>">
+                        <%= link_to sub1.name, subject_index_path(sub1.id), class: "accordion-link text-dark" %>
                       </button>
                     </h5>
 
-                    <div class="accordion-collapse collapse" id="<%= [opts[:third_sub_menu], second_subject.id].join %>" data-bs-parent="#secondLevelSubMenu">
+                    <div class="accordion-collapse collapse" id="<%= [opts[:third_sub_menu], sub1.id].join %>" data-bs-parent="#secondLevelSubMenu">
                       <div class="accordion-body pb-0 pe-0 pt-0">
-                        <% second_subject.children.each do |third_subject| %>
+                        <% sub1.children.each do |sub2| %>
                           <div class="accordion accordion-flush" id="thirdLevelSubMenu">
                             <div class="accordion-item">
                               <h5 class="accordion-header">
-                                <button class="<%= third_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fourth_sub_menu], third_subject.id].join %>">
-                                  <%= link_to third_subject.name, subject_index_path(third_subject.id), class: "accordion-link text-dark" %>
+                                <button class="<%= sub2.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fourth_sub_menu], sub2.id].join %>">
+                                  <%= link_to sub2.name, subject_index_path(sub2.id), class: "accordion-link text-dark" %>
                                 </button>
                               </h5>
 
-                              <div class="accordion-collapse collapse" id="<%= [opts[:fourth_sub_menu], third_subject.id].join %>" data-bs-parent="#thirdLevelSubMenu">
+                              <div class="accordion-collapse collapse" id="<%= [opts[:fourth_sub_menu], sub2.id].join %>" data-bs-parent="#thirdLevelSubMenu">
                                 <div class="accordion-body pb-0 pe-0 pt-0">
-                                  <% third_subject.children.each do |fourth_level| %>
+                                  <% sub2.children.each do |sub3| %>
                                     <div class="accordion accordion-flush ps-20" id="fourthLevelSubMenu">
                                       <div class="accordion-item">
                                         <h5 class="accordion-header">
-                                          <button class="<%= third_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fifth_sub_menu], fourth_level.id].join %>">
-                                            <%= link_to fourth_level.name, subject_index_path(fourth_level.id), class: "accordion-link text-dark" %>
+                                          <button class="<%= sub2.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fifth_sub_menu], sub3.id].join %>">
+                                            <%= link_to sub3.name, subject_index_path(sub3.id), class: "accordion-link text-dark" %>
                                           </button>
                                         </h5>
-                                        
-                                        <div class="accordion-collapse collapse" id="<%= [opts[:fifth_sub_menu], fourth_level.id].join %>" data-bs-parent="#fourthLevelSubMenu">
+
+                                        <div class="accordion-collapse collapse" id="<%= [opts[:fifth_sub_menu], sub3.id].join %>" data-bs-parent="#fourthLevelSubMenu">
                                           <div class="accordion-body pb-0 pe-0 pt-0">
-                                            <% fourth_level.children.each do |fifth_level| %>
+                                            <% sub3.children.each do |sub4| %>
                                               <div class="accordion-item">
                                                 <p class="accordion-header">
-                                                  <%= link_to fifth_level.name, subject_index_path(fifth_level.id), class: "accordion-link text-dark" %>
+                                                  <%= link_to sub4.name, subject_index_path(sub4.id), class: "accordion-link text-dark" %>
                                                 </p>
                                               </div>
-                                            <% end %>
+                                            <% end if sub3.children.present? %>
                                           </div>
                                         </div>
                                       </div>
                                     </div>
-                                  <% end %>
+                                  <% end if sub2.children.present? %>
                                 </div>
                               </div>
                             </div>
                           </div>
-                        <% end %>
+                        <% end if sub1.children.present? %>
                       </div>
                     </div>
                   </div>
                 </div>
-              <% end %>
+              <% end if root.children.present? %>
             </div>
           </div>
+          <% end %>
         </div>
       </div>
-    <% end %>
+    <% end if Cdao::Subject.roots.present? %>
   </div>
 </div>