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} />