diff --git a/core/images/right-arrow.tid b/core/images/right-arrow.tid
new file mode 100644
index 000000000..73c2545ef
--- /dev/null
+++ b/core/images/right-arrow.tid
@@ -0,0 +1,4 @@
+title: $:/core/images/right-arrow
+tags: $:/tags/Image
+
+<svg class="tw-image-right-arrow tw-image-button" width="22pt" height="22pt" viewBox="0 0 128 128"><path d="M72.7982405,98.6541105 L127.184015,43.9832042 C130.938662,40.2089635 130.938662,34.0896964 127.184015,30.3154557 C123.429583,26.5412364 117.342116,26.5412364 113.587684,30.3154557 L66.0000107,78.152522 L18.4123803,30.3154557 C14.6578195,26.5412364 8.57048132,26.5412364 4.81592057,30.3154557 C1.06135981,34.0896964 1.06135981,40.2089635 4.81592057,43.9832042 L59.2017595,98.6541105 C62.9563202,102.428351 69.0436798,102.428351 72.7982405,98.6541126 L72.7982405,98.6541105 Z" transform="translate(66.000000, 64.484791) rotate(-90.000000) translate(-66.000000, -64.484791) "/></svg>
\ No newline at end of file
diff --git a/editions/tw5.com/tiddlers/TableOfContents.tid b/editions/tw5.com/tiddlers/TableOfContents.tid
index 7db42e21c..a7aff2657 100644
--- a/editions/tw5.com/tiddlers/TableOfContents.tid
+++ b/editions/tw5.com/tiddlers/TableOfContents.tid
@@ -5,11 +5,11 @@ caption: {{$:/language/SideBar/Contents/Caption}}
 
 \define toc-heading(caption,body)
 <$reveal type="nomatch" state=<<qualify "$:/state/toc/$caption$">> text="show">
-<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">▹ $caption$
+<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">{{$:/core/images/right-arrow}} $caption$
 </$button>
 </$reveal>
 <$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show">
-<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">▿ $caption$
+<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">{{$:/core/images/down-arrow}} $caption$
 </$button>
 </$reveal>
 <$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show" retain="yes" animate="yes">
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index e3cbbefe1..ab3fc7b49 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -358,6 +358,7 @@ a.tw-tiddlylink-external:hover {
 
 .sidebar-header {
 	color: <<colour sidebar-foreground>>;
+	fill: <<colour sidebar-foreground>>;
 }
 
 .sidebar-header .title a.tw-tiddlylink-resolves {
@@ -1243,6 +1244,12 @@ canvas.tw-edit-bitmapeditor  {
 	white-space: nowrap;
 }
 
+.tw-table-of-contents svg {
+	width: 0.7em;
+	height: 0.7em;
+	vertical-align: middle;
+}
+
 .tw-table-of-contents ol {
 	list-style-type: none;
 	padding-left: 0;