diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 51332d53e..a5f0dee20 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1352,7 +1352,7 @@ opacity: 0.5;
 
 html>body #ajax-indicator { position: fixed; }
 
-#ajax-indicator span {
+#ajax-indicator:not(:has(svg)) span {
 background-position: 0% 40%;
 background-repeat: no-repeat;
 background-image: url(/loading.gif);
diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb
index 9e2ef51b5..4b7b401c1 100644
--- a/app/views/layouts/base.html.erb
+++ b/app/views/layouts/base.html.erb
@@ -127,7 +127,11 @@
     Powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url, :target => '_blank', :rel => 'noopener' %> &copy; 2006-2025 Jean-Philippe Lang
 </div>
 
-<div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div>
+<div id="ajax-indicator" style="display:none;">
+  <span class="icon">
+    <%= sprite_icon 'loader', l(:label_loading), css_class: 'svg-loader' %>
+  </span>
+</div>
 <div id="ajax-modal" style="display:none;"></div>
 <div id="icon-copy-source" style="display: none;"><%= sprite_icon('') %></div>