diff --git a/src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx b/src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx
index fc4a2c153..d4cafd2c4 100644
--- a/src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx
+++ b/src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx
@@ -28,6 +28,7 @@ export const MobileRibbonSidebarDrawer = ({
           width: '100%',
         },
       }}
+      transitionProps={{ transition: `slide-${location === 'right' ? 'left' : 'right'}` }}
       {...props}
     >
       <DashboardSidebar location={location} isGridstackReady />