diff --git a/packages/calcite-components/src/components/pagination/pagination.scss b/packages/calcite-components/src/components/pagination/pagination.scss
index 461f2aeb25b..e925e786446 100644
--- a/packages/calcite-components/src/components/pagination/pagination.scss
+++ b/packages/calcite-components/src/components/pagination/pagination.scss
@@ -5,6 +5,7 @@
 
 .list {
   @apply flex list-none m-0 p-0;
+  column-gap: var(--calcite-spacing-base);
 }
 
 .list-item {
@@ -87,18 +88,25 @@
   &:hover {
     @apply border-b-color-2;
   }
+  &:active {
+    @apply bg-foreground-3 text-color-1;
+  }
   &.selected {
     @apply text-color-1 border-b-color-brand font-medium;
+
+    &:focus {
+      border-block-end-width: var(--calcite-spacing-xxs);
+      padding-block-start: var(--calcite-spacing-base);
+    }
   }
 }
 
 .chevron {
   &:hover {
-    @apply bg-foreground-2;
-    color: theme("backgroundColor.brand");
+    @apply bg-foreground-2 text-color-1;
   }
   &:active {
-    @apply bg-foreground-3;
+    @apply bg-foreground-3 text-color-1;
   }
   &.disabled {
     @apply pointer-events-none bg-transparent;