diff --git a/sass/main.scss b/sass/main.scss
index 5de0b47..cd8c3e1 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -137,7 +137,7 @@ header {
 		font-weight: bold;
 		font-size: 1.2em;
 
-		&>ul>li>a::after {
+		&>ul>li>a.rolldown::after {
 			content: "\ea4e";
 			font-family: remixicon;
 			font-size: .8em;
diff --git a/templates/macros.html b/templates/macros.html
index fdf8f71..6e76c50 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -20,8 +20,8 @@
 						style="--color: #5E81AC"
 					{% endif %}
 				>
-					<a href="{{ section.permalink }}">{{ section.title }}</a>
 					{% if section.subsections %}
+						<a href="{{ section.permalink }}" class="rolldown">{{ section.title }}</a>
 						<div>
 							{% if section.extra.nav_title_left and section.extra.nav_title_right %}
 								<div class="title">{{ section.extra.nav_title_left }}</div>
@@ -58,6 +58,8 @@
 								{% endfor %}
 							</ul>
 						</div>
+					{% else %}
+						<a href="{{ section.permalink }}">{{ section.title }}</a>
 					{% endif %}
 				</li>
 			{% endfor %}