diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index 6fbf04f0d1..4a89338084 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -435,19 +435,18 @@
     }
   }
 
-  @keyframes slideOutLeft {
+  @keyframes slideOutTop {
     from {
-      transform: translateX(0);
-      opacity: 1;
+      transform: scaleY(1);
     }
     to {
-      transform: translateX(-100%);
-      opacity: 0;
+      transform: scaleY(0);
     }
   }
 
   .slide-out {
-    animation: slideOutLeft 0.5s forwards;
+    transform-origin: top;
+    animation: slideOutTop 0.5s forwards;
   }
 
   @keyframes slideInRight {