diff --git a/app/views/templates/_title.html.erb b/app/views/templates/_title.html.erb
index 02d6b3f4b..f8de9e011 100644
--- a/app/views/templates/_title.html.erb
+++ b/app/views/templates/_title.html.erb
@@ -44,13 +44,15 @@
     <% if !template.archived_at? %>
       <div class="flex items-center space-x-2">
         <% if can?(:update, template) %>
-          <div class="tooltip tooltip-no-touch hidden md:block" data-tip="<%= t('preferences') %>">
-            <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
-              <span class="flex items-center justify-center space-x-2">
-                <%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
-              </span>
-            <% end %>
-          </div>
+          <native-action data-label="<%= t('preferences') %>" data-icon="adjustments_horizontal" data-placement="bar">
+            <div class="tooltip tooltip-no-touch hidden md:block" data-tip="<%= t('preferences') %>">
+              <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
+                <span class="flex items-center justify-center space-x-2">
+                  <%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
+                </span>
+              <% end %>
+            </div>
+          </native-action>
         <% end %>
         <open-modal-mobile class="absolute md:relative bottom-0 right-0 mt-1">
           <%= link_to template_share_link_path(template), class: 'btn btn-xs md:btn-sm whitespace-nowrap btn-neutral text-white px-2', data: { turbo_frame: :modal } do %>