diff --git a/includes/templates/TableOfContents.mustache b/includes/templates/TableOfContents.mustache
index 05185701..689fedcd 100644
--- a/includes/templates/TableOfContents.mustache
+++ b/includes/templates/TableOfContents.mustache
@@ -2,12 +2,8 @@
 	<div id="sidebar-toc-label" class="sidebar-toc-header">
 		<p class="sidebar-toc-title">
 		{{ msg-vector-toc-heading }}
-		<button class="vector-toc-uncollapse-button">
-			{{ msg-vector-toc-toggle-position-sidebar }}
-		</button>
-		<button class="vector-toc-collapse-button">
-			{{ msg-vector-toc-toggle-position-title }}
-		</button>
+		<button class="vector-toc-uncollapse-button">{{msg-vector-toc-toggle-position-sidebar}}</button>
+		<button class="vector-toc-collapse-button">{{msg-vector-toc-toggle-position-title}}</button>
 		</p>
 	</div>
 	<ul class="sidebar-toc-contents">
diff --git a/resources/skins.vector.styles/components/TableOfContentsCollapsed.less b/resources/skins.vector.styles/components/TableOfContentsCollapsed.less
index 80298e54..e6b65108 100644
--- a/resources/skins.vector.styles/components/TableOfContentsCollapsed.less
+++ b/resources/skins.vector.styles/components/TableOfContentsCollapsed.less
@@ -68,6 +68,7 @@
 	padding: 0;
 	background-color: transparent;
 	color: @color-primary;
+	cursor: pointer;
 
 	&:hover {
 		color: @color-primary--hover;
diff --git a/tests/jest/__snapshots__/tableOfContents.test.js.snap b/tests/jest/__snapshots__/tableOfContents.test.js.snap
index dd88d8e2..ce090838 100644
--- a/tests/jest/__snapshots__/tableOfContents.test.js.snap
+++ b/tests/jest/__snapshots__/tableOfContents.test.js.snap
@@ -5,12 +5,8 @@ exports[`Table of contents renders when \`vector-is-collapse-sections-enabled\`
 	<div id=\\"sidebar-toc-label\\" class=\\"sidebar-toc-header\\">
 		<p class=\\"sidebar-toc-title\\">
 		Contents
-		<button class=\\"vector-toc-uncollapse-button\\">
-			
-		</button>
-		<button class=\\"vector-toc-collapse-button\\">
-			
-		</button>
+		<button class=\\"vector-toc-uncollapse-button\\"></button>
+		<button class=\\"vector-toc-collapse-button\\"></button>
 		</p>
 	</div>
 	<ul class=\\"sidebar-toc-contents\\">
@@ -72,12 +68,8 @@ exports[`Table of contents renders when \`vector-is-collapse-sections-enabled\`
 	<div id=\\"sidebar-toc-label\\" class=\\"sidebar-toc-header\\">
 		<p class=\\"sidebar-toc-title\\">
 		Contents
-		<button class=\\"vector-toc-uncollapse-button\\">
-			
-		</button>
-		<button class=\\"vector-toc-collapse-button\\">
-			
-		</button>
+		<button class=\\"vector-toc-uncollapse-button\\"></button>
+		<button class=\\"vector-toc-collapse-button\\"></button>
 		</p>
 	</div>
 	<ul class=\\"sidebar-toc-contents\\">