diff --git a/src/backend/views/components/navigator.twig b/src/backend/views/components/navigator.twig
index e14c646..b6eb48b 100644
--- a/src/backend/views/components/navigator.twig
+++ b/src/backend/views/components/navigator.twig
@@ -19,7 +19,7 @@ Usage example:
   {% set tag = 'a' %}
 {% endif %}
 
-<div class="navigator_wrapper">
+<div class="navigator__wrapper">
   {% if label and url %}
     <{{ tag }}
       {{ name is not empty ? 'name="' ~ name ~ '"': '' }}
diff --git a/src/backend/views/pages/page.twig b/src/backend/views/pages/page.twig
index 1739144..3244bed 100644
--- a/src/backend/views/pages/page.twig
+++ b/src/backend/views/pages/page.twig
@@ -39,7 +39,7 @@
         {% endif %}
       {%  endfor %}
     </section>
-    <footer class="page_footer">
+    <footer class="page__footer">
         {% include 'components/navigator.twig' with {label:  previousPage.title, direction: 'previous', url: '/' ~ previousPage.uri} %}
         {% include 'components/navigator.twig' with {label:  nextPage.title, direction: 'next', url: '/' ~ nextPage.uri} %}
     </footer>
diff --git a/src/frontend/styles/components/navigator.pcss b/src/frontend/styles/components/navigator.pcss
index 7c499a4..9d352aa 100644
--- a/src/frontend/styles/components/navigator.pcss
+++ b/src/frontend/styles/components/navigator.pcss
@@ -1,4 +1,5 @@
 .navigator {
+  margin-top: 35px;
   cursor: pointer;
   -webkit-user-select: none;
   display: flex;
@@ -32,7 +33,7 @@
   }
 }
 
-.navigator_wrapper {
+.navigator__wrapper {
   max-width: 100%;
   margin: 0;
   padding: 0;
diff --git a/src/frontend/styles/components/page.pcss b/src/frontend/styles/components/page.pcss
index 02412d7..aa51d7f 100644
--- a/src/frontend/styles/components/page.pcss
+++ b/src/frontend/styles/components/page.pcss
@@ -497,7 +497,7 @@
   }
 }
 
-.page_footer {
+.page__footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;