diff --git a/src/modules/navigation/navigation.scss b/src/modules/navigation/navigation.scss
index 31e671a0a..8623b969e 100644
--- a/src/modules/navigation/navigation.scss
+++ b/src/modules/navigation/navigation.scss
@@ -78,10 +78,10 @@
 }
 .swiper-button-next,
 .swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
   &:after {
     content: 'next';
   }
-  right: var(--swiper-navigation-sides-offset, 10px);
-  left: auto;
 }
 /* Navigation font end */