diff --git a/assets/_main.scss b/assets/_main.scss
index 4feaeb0..89653bd 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -546,6 +546,17 @@ body[dir="rtl"] .book-menu {
 
 @import "syntax.scss";
 
+.book-menu .external-link {
+  display: flex;
+  align-items: center;
+  font-weight: 600 !important;
+  color: #0d0d17;
+  img {
+    width: 12px;
+    margin-left: 6px;
+  }
+}
+
 .code {
   font-family: 'monospace' !important;
 }
diff --git a/layouts/partials/docs/menu-filetree.html b/layouts/partials/docs/menu-filetree.html
index dd04718..b046435 100644
--- a/layouts/partials/docs/menu-filetree.html
+++ b/layouts/partials/docs/menu-filetree.html
@@ -36,11 +36,12 @@
       </a>
     </label>
   {{ else if .Page.Params.BookHref }}
-    <a href="{{ .Page.Params.BookHref }}" class="{{ if $current }}active{{ end }}" target="_blank" rel="noopener">
+    <a href="{{ .Page.Params.BookHref }}" class="external-link {{ if $current }}active{{ end }}" target="_blank" rel="noopener">
       {{- partial "docs/title" .Page -}}
+      <img src="{{ "svg/external-link.svg" | relURL }}" class="book-icon" alt="external-link" />
     </a>
   {{ else if .Page.Content }}
-    <a href="{{ .Page.RelPermalink }}" class="{{ if $current }}active{{ end }}" id="{{ .Page.Kind }}">
+    <a href="{{ .Page.RelPermalink }}" class="{{ if $current }}active{{ end }}" >
       {{- partial "docs/sidebar-title" .Page -}}
     </a>
   {{ else }}