diff --git a/static/images/loader.svg b/static/images/loader-white.svg
similarity index 100%
rename from static/images/loader.svg
rename to static/images/loader-white.svg
diff --git a/static/js/loading.ts b/static/js/loading.ts
index e67472e486..083b062d31 100644
--- a/static/js/loading.ts
+++ b/static/js/loading.ts
@@ -70,7 +70,7 @@ export function show_button_spinner(elt: JQuery, using_dark_theme: boolean): voi
     if (!using_dark_theme) {
         elt.attr("src", "/static/images/loader-black.svg");
     } else {
-        elt.attr("src", "/static/images/loader.svg");
+        elt.attr("src", "/static/images/loader-white.svg");
     }
     elt.css("display", "inline-block");
 }
diff --git a/templates/zerver/apps.html b/templates/zerver/apps.html
index e04b9503f8..5fcbe4ad2e 100644
--- a/templates/zerver/apps.html
+++ b/templates/zerver/apps.html
@@ -32,7 +32,7 @@
             </div>
             <div class="image">
                 <div class="flex">
-                    <img src="/static/images/loader.svg" alt="" />
+                    <img src="/static/images/loader-white.svg" alt="" />
                 </div>
             </div>
         </div>
diff --git a/templates/zerver/login.html b/templates/zerver/login.html
index 2e5b5a9407..cc38ee51eb 100644
--- a/templates/zerver/login.html
+++ b/templates/zerver/login.html
@@ -99,7 +99,7 @@ page can be easily identified in it's respective JavaScript file. -->
                             {% endif %}
 
                             <button type="submit" name="button" class="full-width">
-                                <img class="loader" src="/static/images/loader.svg" alt="" />
+                                <img class="loader" src="/static/images/loader-white.svg" alt="" />
                                 <span class="text">{{ _("Log in") }}</span>
                             </button>
                         </form>
diff --git a/templates/zerver/register.html b/templates/zerver/register.html
index 9fb25796a0..7ba195cfa4 100644
--- a/templates/zerver/register.html
+++ b/templates/zerver/register.html
@@ -252,7 +252,7 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
                 <div class="register-button-box">
                     <button class="register-button" type="submit">
                         <span>{{ _('Sign up') }}</span>
-                        <object class="loader" type="image/svg+xml" data="/static/images/loader.svg"></object>
+                        <object class="loader" type="image/svg+xml" data="/static/images/loader-white.svg"></object>
                     </button>
                     <input type="hidden" name="next" value="{{ next }}" />
                 </div>