diff --git a/src/public/app/widgets/buttons/show_toc_widget_button.ts b/src/public/app/widgets/buttons/show_toc_widget_button.ts
index 9c663db3f..8a4a8c851 100644
--- a/src/public/app/widgets/buttons/show_toc_widget_button.ts
+++ b/src/public/app/widgets/buttons/show_toc_widget_button.ts
@@ -13,7 +13,7 @@ export default class ShowTocWidgetButton extends OnClickButtonWidget {
     constructor() {
         super();
 
-        this.icon("bx-spreadsheet bx-rotate-180")
+        this.icon("bx-tn-toc")
             .title(t("show_toc_widget_button.show_toc"))
             .titlePlacement("bottom")
             .onClick(() => {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index c2091531a..9a01cb9a7 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1796,4 +1796,11 @@ footer.file-footer button {
 .content-floating-buttons button.bx {
     font-size: 130%;
     padding: 1px 10px 1px 10px;
+}
+
+/* Customized icons */
+
+.bx-tn-toc::before {
+    content: "\ec24";
+    transform: rotate(180deg);
 }
\ No newline at end of file