diff --git a/src/app.css b/src/app.css
index 28950b11..ea1090e6 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1742,20 +1742,17 @@ meter.donut[hidden] {
   text-shadow: 0 1px var(--bg-color);
   background-color: var(--bg-color);
   border: 1px solid var(--outline-color);
-  box-shadow: 0 0 0 1px var(--bg-blur-color),
-    0 3px 16px var(--drop-shadow-color),
+  box-shadow: 0 3px 16px var(--drop-shadow-color),
     0 6px 16px -3px var(--drop-shadow-color);
 }
-:is(.shiny-pill, :root .toastify.shiny-pill):hover {
+:is(.shiny-pill, :root .toastify.shiny-pill):hover:not(:active) {
   color: var(--text-color);
   border-color: var(--link-color);
-  filter: none;
-  box-shadow: 0 0 0 1px var(--link-color), 0 3px 16px var(--drop-shadow-color),
-    0 6px 16px -3px var(--drop-shadow-color);
-}
-:is(.shiny-pill, :root .toastify.shiny-pill):active {
-  transition: none;
-  filter: brightness(0.975);
+  filter: none !important;
+  box-shadow: 0 0 0 1px var(--link-text-color),
+    0 3px 16px var(--drop-shadow-color),
+    0 6px 16px -3px var(--drop-shadow-color),
+    0 6px 16px var(--drop-shadow-color);
 }
 
 /* TOAST */
diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index f4e5fbd1..e112562c 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -332,7 +332,7 @@ function Timeline({
                   });
                 }}
               >
-                <Icon icon="arrow-up" /> <span>New posts</span>
+                <Icon icon="arrow-up" /> New posts
               </button>
             )}
         </header>