diff --git a/src/styles/global.css b/src/styles/global.css
index 64b6e20..b08cec4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -866,6 +866,16 @@ input[type="submit"]:active {
 	top:1px;
 }
 
+/* Splide's slider arrows are <button>s, so the press effect above applies to them and
+   flips them from absolute to relative positioning for as long as the mouse is held down.
+   They jump out of their centred position mid-click, so mousedown and mouseup land on
+   different elements, the browser fires click on their common ancestor instead, and the
+   arrow's own handler never runs -- the arrows silently do nothing. */
+.splide__arrow:active {
+	position: absolute;
+	top: 50%;
+}
+
 
 input#s {
     width: 70%;