diff --git a/core/modules/storyviews/zoomin.js b/core/modules/storyviews/zoomin.js
index 42683566b..46afb354a 100644
--- a/core/modules/storyviews/zoomin.js
+++ b/core/modules/storyviews/zoomin.js
@@ -108,10 +108,10 @@ ZoominListView.prototype.navigateTo = function(historyInfo) {
 };
 
 /*
-Find the first child DOM node of a widget that has the class "title"
+Find the first child DOM node of a widget that has the class "tc-title"
 */
 function findTitleDomNode(widget,targetClass) {
-	targetClass = targetClass || "title";
+	targetClass = targetClass || "tc-title";
 	var domNode = widget.findFirstDomNode();
 	if(domNode && domNode.querySelector) {
 		return domNode.querySelector("." + targetClass);
diff --git a/core/ui/ViewTemplate/title.tid b/core/ui/ViewTemplate/title.tid
index 25e746b41..6a7f86e3f 100644
--- a/core/ui/ViewTemplate/title.tid
+++ b/core/ui/ViewTemplate/title.tid
@@ -18,12 +18,12 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 </span>
 </$set>
 <$list filter="[all[current]removeprefix[$:/]]">
-<span class="title" title={{$:/language/SystemTiddler/Tooltip}}>
+<span class="tc-title" title={{$:/language/SystemTiddler/Tooltip}}>
 <span class="tw-system-title-prefix">$:/</span><$text text=<<currentTiddler>>/>
 </span>
 </$list>
 <$list filter="[all[current]!prefix[$:/]]">
-<span class="title">
+<span class="tc-title">
 <$view field="title"/>
 </span>
 </$list>
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index c3c27f9e6..1704973b1 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -376,7 +376,7 @@ button.tw-tag-label, span.tw-tag-label {
 	fill: <<colour sidebar-foreground>>;
 }
 
-.sidebar-header .title a.tw-tiddlylink-resolves {
+.sidebar-header .tc-title a.tw-tiddlylink-resolves {
 	font-weight: 300;
 }
 
@@ -616,7 +616,7 @@ button.tw-tag-label, span.tw-tag-label {
 	font-weight: 300;
 }
 
-.tw-tiddler-missing .title {
+.tw-tiddler-missing .tc-title {
   font-style: italic;
   font-weight: normal;
 }