diff --git a/src/trash/trash-components.jsx b/src/trash/trash-components.jsx
index d508841..6c01ffb 100644
--- a/src/trash/trash-components.jsx
+++ b/src/trash/trash-components.jsx
@@ -165,18 +165,27 @@ export const DatePicker = (props) => {
               props.setDate(new Date());
             }}
           >
-            <motion.span
-              className={
-                "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
-                (props.indicator
-                  ? props.pink
-                    ? " bg-pink-500 animate-pulse"
-                    : " bg-zinc-300 animate-pulse"
-                  : " bg-transparent")
-              }
-              layoutId="datepicker_indicator"
-              layout="position"
-            />
+            <AnimatePresence>
+              {props.indicator && (
+                <motion.span
+                  className={
+                    "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
+                    (props.pink
+                      ? " bg-pink-500 animate-pulse"
+                      : " bg-zinc-300 animate-pulse")
+                  }
+                  variants={{
+                    a: { opacity: 0 },
+                    b: { opacity: 1 },
+                  }}
+                  initial="a"
+                  animate="b"
+                  exit="a"
+                  layoutId="datepicker_indicator"
+                  layout="position"
+                />
+              )}
+            </AnimatePresence>
             <motion.span
               layoutId="datepicker_date"
               layout="position"