diff --git a/core/language/en-GB/ControlPanel.multids b/core/language/en-GB/ControlPanel.multids
index 10f346e74..1d2ef1166 100644
--- a/core/language/en-GB/ControlPanel.multids
+++ b/core/language/en-GB/ControlPanel.multids
@@ -82,6 +82,11 @@ Settings/NavigationHistory/Caption: Navigation History
 Settings/NavigationHistory/Hint: Update browser history when navigating to a tiddler:
 Settings/NavigationHistory/No/Description: Do not update history
 Settings/NavigationHistory/Yes/Description: Update history
+Settings/ToolbarButtonStyle/Caption: Toolbar Button Style
+Settings/ToolbarButtonStyle/Hint: Choose the style for toolbar buttons:
+Settings/ToolbarButtonStyle/Styles/Borderless: Borderless
+Settings/ToolbarButtonStyle/Styles/Boxed: Boxed
+Settings/ToolbarButtonStyle/Styles/Rounded: Rounded
 Settings/ToolbarButtons/Caption: Toolbar Buttons
 Settings/ToolbarButtons/Hint: Default toolbar button appearance:
 Settings/ToolbarButtons/Icons/Description: Include icon
diff --git a/core/ui/ControlPanel/Settings/ButtonStyles/Borderless.tid b/core/ui/ControlPanel/Settings/ButtonStyles/Borderless.tid
new file mode 100644
index 000000000..7ac368dec
--- /dev/null
+++ b/core/ui/ControlPanel/Settings/ButtonStyles/Borderless.tid
@@ -0,0 +1,5 @@
+title: $:/core/buttonstyles/Borderless
+tags: $:/tags/ToolbarButtonStyle
+caption: {{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Borderless}}
+
+tc-btn-invisible
\ No newline at end of file
diff --git a/core/ui/ControlPanel/Settings/ButtonStyles/Boxed.tid b/core/ui/ControlPanel/Settings/ButtonStyles/Boxed.tid
new file mode 100644
index 000000000..a615462ce
--- /dev/null
+++ b/core/ui/ControlPanel/Settings/ButtonStyles/Boxed.tid
@@ -0,0 +1,5 @@
+title: $:/core/buttonstyles/Boxed
+tags: $:/tags/ToolbarButtonStyle
+caption: {{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Boxed}}
+
+tc-btn-boxed
\ No newline at end of file
diff --git a/core/ui/ControlPanel/Settings/ButtonStyles/Rounded.tid b/core/ui/ControlPanel/Settings/ButtonStyles/Rounded.tid
new file mode 100644
index 000000000..e009ec544
--- /dev/null
+++ b/core/ui/ControlPanel/Settings/ButtonStyles/Rounded.tid
@@ -0,0 +1,5 @@
+title: $:/core/buttonstyles/Rounded
+tags: $:/tags/ToolbarButtonStyle
+caption: {{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Rounded}}
+
+tc-btn-rounded
\ No newline at end of file
diff --git a/core/ui/ControlPanel/Settings/ToolbarButtonStyle.tid b/core/ui/ControlPanel/Settings/ToolbarButtonStyle.tid
new file mode 100644
index 000000000..5054b32f6
--- /dev/null
+++ b/core/ui/ControlPanel/Settings/ToolbarButtonStyle.tid
@@ -0,0 +1,12 @@
+title: $:/core/ui/ControlPanel/Settings/ToolbarButtonStyle
+tags: $:/tags/ControlPanel/Settings
+caption: {{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Caption}}
+
+\define lingo-base() $:/language/ControlPanel/Settings/ToolbarButtonStyle/
+<$link to="$:/config/Toolbar/ButtonClass"><<lingo "Hint">></$link>
+
+<$select tiddler="$:/config/Toolbar/ButtonClass">
+<$list filter="[all[shadows+tiddlers]tag[$:/tags/ToolbarButtonStyle]]">
+<option value={{!!text}}>{{!!caption}}</option>
+</$list>
+</$select>
diff --git a/core/ui/PageControls/more-page-actions.tid b/core/ui/PageControls/more-page-actions.tid
index 13964b880..11e149fc7 100644
--- a/core/ui/PageControls/more-page-actions.tid
+++ b/core/ui/PageControls/more-page-actions.tid
@@ -13,8 +13,7 @@ $:/config/PageControlButtons/Visibility/$(listItem)$
 <$list filter="[<tv-config-toolbar-text>prefix[yes]]">
 <span class="tc-btn-text"><$text text={{$:/language/Buttons/More/Caption}}/></span>
 </$list>
-</$button>
-<$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
+</$button><$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
 
 <div class="tc-drop-down">
 
diff --git a/core/ui/PageTemplate.tid b/core/ui/PageTemplate.tid
index 974d93cf4..acd70ee83 100644
--- a/core/ui/PageTemplate.tid
+++ b/core/ui/PageTemplate.tid
@@ -10,7 +10,7 @@ tc-page-container tc-page-view-$(themeTitle)$ tc-language-$(languageTitle)$
 
 <$set name="tv-config-toolbar-text" value={{$:/config/Toolbar/Text}}>
 
-<$set name="tv-config-toolbar-class" value="tc-btn-invisible">
+<$set name="tv-config-toolbar-class" value={{$:/config/Toolbar/ButtonClass}}>
 
 <$set name="themeTitle" value={{$:/view}}>
 
diff --git a/core/ui/ViewToolbar/more-tiddler-actions.tid b/core/ui/ViewToolbar/more-tiddler-actions.tid
index 60b11d287..c20294250 100644
--- a/core/ui/ViewToolbar/more-tiddler-actions.tid
+++ b/core/ui/ViewToolbar/more-tiddler-actions.tid
@@ -14,15 +14,31 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 <span class="tc-btn-text"><$text text={{$:/language/Buttons/More/Caption}}/></span>
 </$list>
 </$button><$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
+
 <div class="tc-drop-down">
+
 <$set name="tv-config-toolbar-icons" value="yes">
+
 <$set name="tv-config-toolbar-text" value="yes">
+
+<$set name="tv-config-toolbar-class" value="tc-btn-invisible">
+
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]] -[[$:/core/ui/Buttons/more-tiddler-actions]]" variable="listItem">
+
 <$reveal type="match" state=<<config-title>> text="hide">
-<$transclude tiddler=<<listItem>>/>
+
+<$transclude tiddler=<<listItem>> mode="inline"/>
+
 </$reveal>
+
 </$list>
+
 </$set>
+
 </$set>
+
+</$set>
+
 </div>
+
 </$reveal>
\ No newline at end of file
diff --git a/core/wiki/config/ToolbarButtonClass.tid b/core/wiki/config/ToolbarButtonClass.tid
new file mode 100644
index 000000000..d3a755f1a
--- /dev/null
+++ b/core/wiki/config/ToolbarButtonClass.tid
@@ -0,0 +1,3 @@
+title: $:/config/Toolbar/ButtonClass
+
+tc-btn-invisible
\ No newline at end of file
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 5f5189619..e590a8fd5 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -332,6 +332,53 @@ button svg, button img {
 	border: none;
 }
 
+.tc-btn-boxed {
+	font-size: 0.6em;
+	padding: 0.2em;
+	margin: 1px;
+	background: none;
+	border: 1px solid <<colour tiddler-controls-foreground>>;
+	border-radius: 0.25em;
+}
+
+html body.tc-body .tc-btn-boxed svg {
+	font-size: 1.6666em;
+}
+
+.tc-btn-boxed:hover {
+	background: <<colour foreground>>;
+	color: <<color background>>;
+}
+
+html body.tc-body .tc-btn-boxed:hover svg {
+	fill: <<color background>>;
+}
+
+.tc-btn-rounded {
+	font-size: 0.6em;
+	padding: 0.2em 0.4em 0.2em 0.4em;
+	margin: 1px;
+	border: 1px solid <<colour foreground>>;
+	background: <<colour foreground>>;
+	color: <<color background>>;
+	border-radius: 2em;
+}
+
+html body.tc-body .tc-btn-rounded svg {
+	font-size: 1.6666em;
+	fill: <<color background>>;
+}
+
+.tc-btn-rounded:hover {
+	border: 1px solid <<colour foreground>>;
+	background: <<colour background>>;
+	color: <<color foreground>>;
+}
+
+html body.tc-body .tc-btn-rounded:hover svg {
+	fill: <<color foreground>>;
+}
+
 .tc-btn-icon svg {
 	height: 1em;
 	width: 1em;