diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index 4a89338084..fd292a3a39 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -449,18 +449,17 @@
     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;
   }
 }