diff --git a/src/pages/main-page/main-page.hbs b/src/pages/main-page/main-page.hbs
index 720b366..832574c 100644
--- a/src/pages/main-page/main-page.hbs
+++ b/src/pages/main-page/main-page.hbs
@@ -1,5 +1,5 @@
-<div class="main-page__container">
-    <div class="main-page__items">
+<div class="main-page container">
+    <nav class="main-page items">
         {{> Button class="login-page" type="button" label="Login Page" id="button" page="loginPage" }}
         {{> Button class="registration-page" type="button" label="Registation Page" id="button" page="registrationPage" }}
         {{> Button class="chat-list-page" type="button" label="Chat Page" id="button" page="chatPage" }}
@@ -8,5 +8,5 @@
         {{> Button class="profile-edit-password-page" type="button" label="Edit Password Page" id="button" page="profileEditPasswordPage" }}
         {{> Button class="error-404-page" type="button" label="Error 404" id="button" page="error404" }}
         {{> Button class="error-500-page" type="button" label="Error 500" id="button" page="error500" }}
-    </div>
+    </nav>
 </div>
diff --git a/src/style.less b/src/style.less
index e904288..751b7e1 100644
--- a/src/style.less
+++ b/src/style.less
@@ -21,12 +21,14 @@ body {
 
 
 
-.main-page__container {
-  display: flex;
-  width: 50%;
-  margin: 0 auto;
-
-  .main-page__items {
-    .container-styles()
+.main-page {
+  &.container {
+    display: flex;
+    width: 50%;
+    margin: 0 auto;
+
+    .items {
+      .container-styles()
+    }
   }
 }