diff --git a/docs/documentation/components/pagination.html b/docs/documentation/components/pagination.html
index a285234f..d297e08b 100644
--- a/docs/documentation/components/pagination.html
+++ b/docs/documentation/components/pagination.html
@@ -46,7 +46,7 @@ meta:
 
 {% capture pagination_options_example %}
 <nav class="pagination" role="navigation" aria-label="pagination">
-  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-previous is-disabled" title="This is the first page">Previous</a>
   <a class="pagination-next">Next page</a>
   <ul class="pagination-list">
     <li>
diff --git a/sass/components/pagination.sass b/sass/components/pagination.sass
index ee5bb1b8..950949d9 100644
--- a/sass/components/pagination.sass
+++ b/sass/components/pagination.sass
@@ -88,7 +88,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
     border-color: $pagination-focus-border-color
   &:active
     box-shadow: $pagination-shadow-inset
-  &[disabled]
+  &[disabled],
+  &.is-disabled
     background-color: $pagination-disabled-background-color
     border-color: $pagination-disabled-border-color
     box-shadow: none