diff --git a/shared/js/ui/frames/HostBannerRenderer.scss b/shared/js/ui/frames/HostBannerRenderer.scss
index f1f224d4..c8ac0ca3 100644
--- a/shared/js/ui/frames/HostBannerRenderer.scss
+++ b/shared/js/ui/frames/HostBannerRenderer.scss
@@ -56,24 +56,6 @@
     }
 
     &.mode-resize {
-        /* do adjust and ignore ration */
-        display: flex;
-
-        height: 100%;
-        width: 100%;
-
-        > img {
-            object-fit: contain;
-
-            max-height: 100%;
-            max-width: 100%;
-
-            min-width: 100%;
-            min-height: 100%;
-        }
-    }
-
-    &.mode-resize-ratio {
         display: flex;
         flex-direction: row;
         justify-content: space-around;
@@ -89,4 +71,21 @@
             width: min-content;
         }
     }
+
+    &.mode-resize-ratio {
+        display: flex;
+
+        height: 100%;
+        width: 100%;
+
+        > img {
+            object-fit: contain;
+
+            max-height: 100%;
+            max-width: 100%;
+
+            min-width: 100%;
+            min-height: 100%;
+        }
+    }
 }
\ No newline at end of file