From eccba87557e0f444adb740e8d6488adad8a2ce42 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Thu, 12 Oct 2023 19:52:19 +0330
Subject: [PATCH] fix: fix some animation issues

---
 src/components/buttons/buttons.tsx   | 2 +-
 src/components/category/category.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/buttons/buttons.tsx b/src/components/buttons/buttons.tsx
index 6c62fbb..322f5c8 100644
--- a/src/components/buttons/buttons.tsx
+++ b/src/components/buttons/buttons.tsx
@@ -90,7 +90,7 @@ export function Buttons() {
         )}
       </motion.button>
 
-      <AnimatePresence>
+      <AnimatePresence mode="popLayout">
         {(!noSelected || hasHistory) && (
           <motion.div
             animate={{ opacity: 1, x: 0 }}
diff --git a/src/components/category/category.tsx b/src/components/category/category.tsx
index d7bb9a6..cd9b88a 100644
--- a/src/components/category/category.tsx
+++ b/src/components/category/category.tsx
@@ -29,7 +29,7 @@ export function Category({
       animate={{ opacity: 1 }}
       className={styles.category}
       initial={{ opacity: 0 }}
-      layout
+      layout="position"
     >
       <div className={styles.iconContainer}>
         <div className={styles.tail} />