diff --git a/frontend/index.html b/frontend/index.html
index 7d321efdb..2c4572348 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -17,7 +17,7 @@
     <div id="app">
       <div id="app-loading-logo">
         <img
-          src="/assets/logos/romm_logo_xbox_one_circle_boot.svg"
+          src="/assets/logos/romm_logo_xbox_one_circle_grayscale.svg"
           alt="Romm Logo"
         />
       </div>
@@ -38,9 +38,9 @@
       }
 
       #app-loading-logo img {
-        width: 40%;
-        height: 40%;
-        opacity: 0.2;
+        width: 30%;
+        height: 30%;
+        opacity: 0.1;
       }
 
       @media (prefers-color-scheme: dark) {
diff --git a/frontend/src/RomM.vue b/frontend/src/RomM.vue
index 63debad02..dfb2f7c04 100644
--- a/frontend/src/RomM.vue
+++ b/frontend/src/RomM.vue
@@ -33,7 +33,7 @@ const { idle: mouseIdle } = useIdle(100, {
         <Transition name="fade" mode="out-in">
           <div v-if="!Component" id="app-loading-logo">
             <img
-              src="/assets/logos/romm_logo_xbox_one_circle_boot.svg"
+              src="/assets/logos/romm_logo_xbox_one_circle_grayscale.svg"
               alt="Romm Logo"
             />
           </div>