diff --git a/src/pages/orders/components/OrderActions.tsx b/src/pages/orders/components/OrderActions.tsx
index 6b4bb76..6d25c8b 100644
--- a/src/pages/orders/components/OrderActions.tsx
+++ b/src/pages/orders/components/OrderActions.tsx
@@ -125,7 +125,7 @@ const OrderActions: FC<OrderActionsProps> = ({
                     label='لغو سفارش'
                     onClick={handleCancelOrder}
                     isloading={isChangingStatus && loadingAction === 'cancelOrder'}
-                    className='bg-red-600 hover:bg-red-700'
+                    className='bg-transparent border border-red-500 text-red-500 hover:bg-red-50'
                 />
             )}
         </div>
diff --git a/src/router/Main.tsx b/src/router/Main.tsx
index 4341db3..e7cdcd9 100644
--- a/src/router/Main.tsx
+++ b/src/router/Main.tsx
@@ -52,7 +52,7 @@ const MainRouter: FC = () => {
             <SideBar />
             <Header />
             <div className={clx(
-                'flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]',
+                'flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px] transition-all duration-300',
                 hasSubMenu && 'xl:ms-[305px]',
             )}>
                 <div className={clx(
diff --git a/src/shared/SideBar.tsx b/src/shared/SideBar.tsx
index 6c9b937..d3349db 100644
--- a/src/shared/SideBar.tsx
+++ b/src/shared/SideBar.tsx
@@ -46,7 +46,7 @@ const SideBar: FC = () => {
             }
             <div
                 className={clx(
-                    'fixed xl:flex translate-x-[400px] xl:translate-x-0 transition-all ease-in-out opacity-0 invisible xl:visible xl:opacity-100  xl:right-4 right-0 xl:top-4 top-0 xl:bottom-4 bottom-0 xl:rounded-[32px] w-[250px] bg-white flex-col py-12',
+                    'fixed xl:flex translate-x-[400px] xl:translate-x-0 transition-all ease-in-out opacity-0 invisible xl:visible xl:opacity-100  xl:right-4 right-0 xl:top-4 top-0 xl:bottom-4 bottom-0 xl:rounded-[32px] w-[250px] bg-white flex-col py-12 duration-300',
                     openSidebar && 'opacity-100 visible -translate-x-[0px] block z-40',
                     hasSubMenu && 'w-24 !rounded-tl-none !rounded-bl-none'
                 )}