diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
index 98585b74f1..2e7c1b96dc 100644
--- a/resources/js/components/fieldtypes/bard/BardFieldtype.vue
+++ b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -31,9 +31,6 @@
                         :config="config"
                         :bard="_self"
                         :editor="editor" />
-                    <button class="bard-toolbar-button" @click="showSource = !showSource" v-if="allowSource" v-tooltip="__('Show HTML Source')" :aria-label="__('Show HTML Source')">
-                        <svg-icon name="show-source" class="w-4 h-4 "/>
-                    </button>
                 </div>
             </div>
         </publish-field-fullscreen-header>
@@ -49,9 +46,6 @@
                     :config="config"
                     :bard="_self"
                     :editor="editor" />
-                <button class="bard-toolbar-button" @click="showSource = !showSource" v-if="allowSource" v-tooltip="__('Show HTML Source')" :aria-label="__('Show HTML Source')">
-                    <svg-icon name="show-source" class="w-4 h-4 "/>
-                </button>
             </div>
         </div>
 
@@ -370,6 +364,12 @@ export default {
                     visibleWhenReadOnly: true,
                     visible: this.config.fullscreen,
                 },
+                {
+                    title: __('Show HTML Source'),
+                    run: () => this.showSource = !this.showSource,
+                    visibleWhenReadOnly: true,
+                    visible: this.allowSource,
+                },
             ];
         },