diff --git a/src/lib/holocene/api-pagination.svelte b/src/lib/holocene/api-pagination.svelte
index b23986a4e7..5866faf38f 100644
--- a/src/lib/holocene/api-pagination.svelte
+++ b/src/lib/holocene/api-pagination.svelte
@@ -355,7 +355,7 @@
 
 <style lang="postcss">
   .arrow {
-    @apply absolute left-0 top-0 h-0 w-0;
+    @apply h-0 w-0;
 
     border-style: solid;
     border-width: 6px 12px 6px 0;
@@ -374,10 +374,10 @@
   }
 
   .caret {
-    @apply relative;
+    @apply inline-flex items-center justify-center;
 
-    width: 12px;
-    height: 12px;
+    width: 24px;
+    height: 24px;
   }
 
   .caret:disabled {
diff --git a/src/lib/holocene/pagination.svelte b/src/lib/holocene/pagination.svelte
index c8e8937b40..790f076fee 100644
--- a/src/lib/holocene/pagination.svelte
+++ b/src/lib/holocene/pagination.svelte
@@ -257,10 +257,10 @@
 
 <style lang="postcss">
   .caret {
-    @apply relative;
+    @apply inline-flex items-center justify-center;
 
-    width: 12px;
-    height: 12px;
+    width: 24px;
+    height: 24px;
   }
 
   .caret:disabled {
@@ -268,7 +268,7 @@
   }
 
   .arrow {
-    @apply absolute left-0 top-0 h-0 w-0;
+    @apply h-0 w-0;
 
     border-style: solid;
     border-width: 6px 12px 6px 0;