diff --git a/src/components/Note/Note.module.scss b/src/components/Note/Note.module.scss
index 6edeb29..d28a480 100644
--- a/src/components/Note/Note.module.scss
+++ b/src/components/Note/Note.module.scss
@@ -352,6 +352,7 @@
       }
 
       .topZap {
+        position: relative;
         display: flex;
         align-items: center;
         gap: 8px;
@@ -430,7 +431,7 @@
 
 .topZapExitTransition {
   opacity: 0;
-  transform: translateY(30px);
+  transform: translateY(3px);
 }
 
 .noteNotificationLink {
diff --git a/src/components/Note/NoteTopZaps.tsx b/src/components/Note/NoteTopZaps.tsx
index f28d464..4c595db 100644
--- a/src/components/Note/NoteTopZaps.tsx
+++ b/src/components/Note/NoteTopZaps.tsx
@@ -74,6 +74,7 @@ const NoteTopZaps: Component<{
               <button
                 class={`${styles.topZap}`}
                 onClick={() => props.action()}
+                style={`z-index: ${12 - index()};`}
               >
                 <Avatar user={zapSender(zap)} size="micro" />
                 <div class={styles.amount}>