From e246a11c5c7894a02636ee9807aaea35f68e344d Mon Sep 17 00:00:00 2001
From: Theodorus Clarence <theodorusclarence@gmail.com>
Date: Fri, 10 Feb 2023 12:56:38 +0700
Subject: [PATCH] fix(popover): add animation for left and right side

---
 templates/next-template/components/ui/popover.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/next-template/components/ui/popover.tsx b/templates/next-template/components/ui/popover.tsx
index 43b86d37e..0e936d50a 100644
--- a/templates/next-template/components/ui/popover.tsx
+++ b/templates/next-template/components/ui/popover.tsx
@@ -19,7 +19,7 @@ const PopoverContent = React.forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 w-72 rounded-md border border-slate-100 bg-white p-4 shadow-md outline-none animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 dark:border-slate-800 dark:bg-slate-800",
+        "z-50 w-72 rounded-md border border-slate-100 bg-white p-4 shadow-md outline-none animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 dark:border-slate-800 dark:bg-slate-800",
         className
       )}
       {...props}