diff --git a/docs/src/components/PageNavigation/index.vue b/docs/src/components/PageNavigation/index.vue
index 080d3cc8..57f161d8 100644
--- a/docs/src/components/PageNavigation/index.vue
+++ b/docs/src/components/PageNavigation/index.vue
@@ -1,6 +1,7 @@
 <template>
   <btn-wrapper class="page-navigation">
     <btn
+      class="page-navigation__previous"
       type="secondary"
       icon="arrow-left"
       icon-position="before"
@@ -10,6 +11,7 @@
       {{ previousPage.title }}
     </btn>
     <btn
+      class="page-navigation__next"
       type="secondary"
       icon="arrow-right"
       :to="nextPage.redirect || nextPage.link"
diff --git a/docs/src/components/PageNavigation/style.scss b/docs/src/components/PageNavigation/style.scss
index 95a5e549..d4fb671b 100644
--- a/docs/src/components/PageNavigation/style.scss
+++ b/docs/src/components/PageNavigation/style.scss
@@ -1,3 +1,7 @@
 .page-navigation {
   justify-content: space-between;
+
+  &__next:only-child {
+    margin-left: auto;
+  }
 }