diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
index 3e2a71a2..20f5e1d5 100644
--- a/src/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -61,14 +61,14 @@ const Drawer = ({
     } else if (variant === 'right') {
       return {
         ...baseClassNames,
-        drawer: cn(baseClassNames.drawer, 'drawer-end'),
+        drawer: cn(baseClassNames.drawer, 'sm:drawer-end'),
         drawerSide: cn(
           baseClassNames.drawerSide,
-          'border-l border-solid border-gray-200 drawer-side w-screen top-0 right-0 fixed z-21'
+          'border-l border-solid border-gray-200 sm:drawer-side w-screen top-0 right-0 fixed z-21'
         ),
         drawerSidebarContent: cn(
           baseClassNames.drawerSidebarContent,
-          'w-full min-w-120 sm:w-fit'
+          'w-full sm:min-w-120 sm:w-fit'
         ),
       };
     } else if (variant === 'left') {
@@ -80,7 +80,7 @@ const Drawer = ({
         ),
         drawerSidebarContent: cn(
           baseClassNames.drawerSidebarContent,
-          'w-full min-w-120 sm:w-fit'
+          'w-full sm:min-w-120 sm:w-fit'
         ),
       };
     }