diff --git a/assets/style/main.sass b/assets/style/main.sass
index 169a2d1..8ee8a9f 100644
--- a/assets/style/main.sass
+++ b/assets/style/main.sass
@@ -181,11 +181,6 @@ h6, .content h6
   .reacts a.reaction
     display: inline-block
 
-.toc
-  @extend .panel
-  @extend .is-size-7
-  @extend .mt-4
-
   ul
     @extend .menu-list
 
diff --git a/layouts/partials/toc.html b/layouts/partials/toc.html
index 74752d3..b811de2 100644
--- a/layouts/partials/toc.html
+++ b/layouts/partials/toc.html
@@ -1,7 +1,9 @@
 {{ if .Params.ShowTOC }}
-    <div class="toc">
-        <p class="panel-heading">Contents</p>
-        <div class="panel-block">
+    <div class="card mb-5">
+        <div class="card-header has-background-light">
+            <p class="card-header-title">Contents</p>
+        </div>
+        <div class="card-content content is-size-7">
             {{ .TableOfContents }}
         </div>
     </div>