diff --git a/src/timelines/RegularToot.css b/src/timelines/RegularToot.css
index e00535e..1fb46e1 100644
--- a/src/timelines/RegularToot.css
+++ b/src/timelines/RegularToot.css
@@ -9,8 +9,6 @@
 
 
   transition:
-    margin-top 60ms var(--tutu-anim-curve-sharp),
-    margin-bottom 60ms var(--tutu-anim-curve-sharp),
     height 60ms var(--tutu-anim-curve-sharp),
     var(--tutu-transition-shadow);
   border-radius: 0;
@@ -36,7 +34,7 @@
   }
 
   &.expanded {
-    margin-block: 20px;
+    z-index: calc(var(--tutu-zidx-nav) - 1);
     box-shadow: var(--tutu-shadow-e9);
   }
 
diff --git a/src/timelines/toots/TootActionGroup.css b/src/timelines/toots/TootActionGroup.css
index b82432c..11653e6 100644
--- a/src/timelines/toots/TootActionGroup.css
+++ b/src/timelines/toots/TootActionGroup.css
@@ -2,7 +2,7 @@
   padding-block: calc((var(--card-gut) - 10px) / 2);
   contain: layout style;
 
-  animation: 225ms var(--tutu-anim-curve-std) TootActionGroup_fade-in;
+  animation: 125ms var(--tutu-anim-curve-std) TootActionGroup_fade-in;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-evenly;
@@ -32,10 +32,18 @@
 
 @keyframes TootActionGroup_fade-in {
   0% {
-    opacity: 0;
+    opacity: 0.5;
+    transform: translateY(-10px);
+    margin-bottom: -20px;
+  }
+
+
+  25% {
+    margin-bottom: 0;
   }
 
   100% {
     opacity: 1;
+    transform: translateY(0);
   }
 }
\ No newline at end of file