diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index 6fbf04f0d1..fd292a3a39 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -435,33 +435,31 @@
     }
   }
 
-  @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 {
+  @keyframes slideInTop {
     from {
-      transform: translateX(100%);
-      opacity: 0;
+      transform: scaleY(0);
     }
     to {
-      transform: translateX(0);
-      opacity: 1;
+      transform: scaleY(1);
     }
   }
-  
+
   .slide-in {
-    animation: slideInRight 0.5s forwards;
+    transform-origin: top;
+    animation: slideInTop 0.5s forwards;
   }
 }