diff --git a/ui/index.html b/ui/index.html
index 846b1d0f..9713c9e4 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -212,7 +212,7 @@
 </div>
 </body>
 
-<script src="media/main.js?v=4"></script>
+<script src="media/main.js?v=5"></script>
 <script>
 async function init() {
     await loadModifiers()
diff --git a/ui/media/main.js b/ui/media/main.js
index 7633b7ee..1f80f3c1 100644
--- a/ui/media/main.js
+++ b/ui/media/main.js
@@ -260,7 +260,7 @@ function makeImageElement(width, height) {
     img.height = parseInt(height)
 
     imgItem.appendChild(img)
-    imagesContainer.appendChild(imgItem)
+    imagesContainer.insertBefore(imgItem, imagesContainer.firstChild)
 
     return imgItem
 }