diff --git a/src/components/item/item-reorder.scss b/src/components/item/item-reorder.scss
index 78bafc8eed0..0b5990f10e8 100644
--- a/src/components/item/item-reorder.scss
+++ b/src/components/item/item-reorder.scss
@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 ion-reorder {
-  display: none;
+  display: flex;
 
   flex: 1;
   align-items: center;
@@ -15,6 +15,10 @@ ion-reorder {
   font-size: 1.45em;
   opacity: .5;
 
+  transform: translate3d(120%, 0, 0);
+
+  transition: transform 125ms ease-in;
+
   pointer-events: all;
   touch-action: manipulation;
 
@@ -33,7 +37,8 @@ ion-reorder {
   }
 
   ion-reorder {
-    display: flex;
+    transform: translate3d(0, 0, 0);
+
   }
 }