diff --git a/index.html b/index.html
index 1d2e903..91db746 100644
--- a/index.html
+++ b/index.html
@@ -320,6 +320,7 @@
             box-shadow: 0 2px 10px rgba(0,0,0,0.2);
             z-index: 1000;
             transition: all 0.3s ease;
+            transform: translateY(0);
         }
         
         .floating-circle:hover {
diff --git a/renderer.js b/renderer.js
index dcc855c..48c5814 100644
--- a/renderer.js
+++ b/renderer.js
@@ -298,9 +298,9 @@ function updateTaggedCount() {
   // Animate the circle position based on count
   if (taggedCircle) {
     if (count === 0) {
-      // Drop to bottom
-      taggedCircle.style.transform = 'translateY(0)';
-      taggedCircle.style.bottom = '20px';
+      // Move down out of sight
+      taggedCircle.style.transform = 'translateY(100px)';
+      taggedCircle.style.bottom = '-100px';
     } else {
       // Move up to show count
       taggedCircle.style.transform = 'translateY(-30px)';