diff --git a/spx-gui/src/components/editor/sprite/CostumeDetail.vue b/spx-gui/src/components/editor/sprite/CostumeDetail.vue
index 9fa34ca4d..4afd2d6ed 100644
--- a/spx-gui/src/components/editor/sprite/CostumeDetail.vue
+++ b/spx-gui/src/components/editor/sprite/CostumeDetail.vue
@@ -37,7 +37,7 @@ const [imgSrc, imgLoading] = useFileUrl(() => props.costume.img)
 <style lang="scss" scoped>
 .img-wrapper {
   width: 100%;
-  aspect-ratio: 4 / 3;
+  flex: 1 1 0;
   background-image: url(./costume-bg.svg);
 }
 .img {
diff --git a/spx-gui/src/components/editor/stage/BackdropDetail.vue b/spx-gui/src/components/editor/stage/BackdropDetail.vue
index 90025b5b3..0017f94db 100644
--- a/spx-gui/src/components/editor/stage/BackdropDetail.vue
+++ b/spx-gui/src/components/editor/stage/BackdropDetail.vue
@@ -32,7 +32,7 @@ const [imgSrc, imgLoading] = useFileUrl(() => props.backdrop.img)
 <style lang="scss" scoped>
 .img {
   width: 100%;
-  aspect-ratio: 4 / 3;
+  flex: 1 1 0;
   border-radius: 8px;
 }
 </style>