diff --git a/web/ASC.Web.Components/dist/asc-web-components.cjs.js b/web/ASC.Web.Components/dist/asc-web-components.cjs.js
index 011f2f0d0b..872aa0a394 100644
--- a/web/ASC.Web.Components/dist/asc-web-components.cjs.js
+++ b/web/ASC.Web.Components/dist/asc-web-components.cjs.js
@@ -95,7 +95,7 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
 
-var _jsxFileName = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Button\\index.js";
+var _jsxFileName = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\button\\index.js";
 function _templateObject7() {
   var data = _taggedTemplateLiteral(["\n    &:hover {\n      ", "\n    }"]);
   _templateObject7 = function _templateObject7() {
@@ -210,7 +210,7 @@ Button.defaultProps = {
   tabIndex: -1
 };
 
-var _jsxFileName$1 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\TextInput\\index.js";
+var _jsxFileName$1 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\text-input\\index.js";
 function _templateObject$1() {
   var data = _taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  border-radius: 3px;\n  box-shadow: none;\n  box-sizing: border-box;\n  border: solid 1px;\n  border-color: ", ";\n  -moz-border-radius: 3px;\n  -webkit-border-radius: 3px;\n  background-color: ", ";\n  color: ", "; ;\n  display: flex;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 18px;  \n  flex: 1 1 0%;\n  outline: none;\n  overflow: hidden;\n  padding: 8px 20px;\n  transition: all 0.2s ease 0s;\n  width: ", ";\n\n    ::-webkit-input-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    :-moz-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    ::-moz-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    :-ms-input-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n"]);
   _templateObject$1 = function _templateObject() {
@@ -283,7 +283,7 @@ TextInput.defaultProps = {
   autoComplete: 'off'
 };
 
-var _jsxFileName$2 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Forms\\Login\\index.js";
+var _jsxFileName$2 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\forms\\login\\index.js";
 function _templateObject$2() {
   var data = _taggedTemplateLiteral(["\n    margin: 23px 0 0;\n"]);
   _templateObject$2 = function _templateObject() {
@@ -450,7 +450,7 @@ LoginForm.defaultProps = {
   password: ''
 };
 
-var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\NavMenu\\index.js";
+var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\nav-menu\\index.js";
 function _templateObject$3() {
   var data = _taggedTemplateLiteral(["\n    background: #0f4071;\n    color: #c5c5c5;\n    height: 48px;\n    padding-top: 4px;\n    z-index: 1;\n"]);
   _templateObject$3 = function _templateObject() {
diff --git a/web/ASC.Web.Components/dist/asc-web-components.esm.js b/web/ASC.Web.Components/dist/asc-web-components.esm.js
index ae96c21f0e..7ad9b8b99e 100644
--- a/web/ASC.Web.Components/dist/asc-web-components.esm.js
+++ b/web/ASC.Web.Components/dist/asc-web-components.esm.js
@@ -87,7 +87,7 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
 
-var _jsxFileName = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Button\\index.js";
+var _jsxFileName = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\button\\index.js";
 function _templateObject7() {
   var data = _taggedTemplateLiteral(["\n    &:hover {\n      ", "\n    }"]);
   _templateObject7 = function _templateObject7() {
@@ -202,7 +202,7 @@ Button.defaultProps = {
   tabIndex: -1
 };
 
-var _jsxFileName$1 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\TextInput\\index.js";
+var _jsxFileName$1 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\text-input\\index.js";
 function _templateObject$1() {
   var data = _taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  border-radius: 3px;\n  box-shadow: none;\n  box-sizing: border-box;\n  border: solid 1px;\n  border-color: ", ";\n  -moz-border-radius: 3px;\n  -webkit-border-radius: 3px;\n  background-color: ", ";\n  color: ", "; ;\n  display: flex;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 18px;  \n  flex: 1 1 0%;\n  outline: none;\n  overflow: hidden;\n  padding: 8px 20px;\n  transition: all 0.2s ease 0s;\n  width: ", ";\n\n    ::-webkit-input-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    :-moz-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    ::-moz-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n    :-ms-input-placeholder {\n        color: #b2b2b2;\n        font-family: 'Open Sans',sans-serif\n    }\n\n"]);
   _templateObject$1 = function _templateObject() {
@@ -275,7 +275,7 @@ TextInput.defaultProps = {
   autoComplete: 'off'
 };
 
-var _jsxFileName$2 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\Forms\\Login\\index.js";
+var _jsxFileName$2 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\forms\\login\\index.js";
 function _templateObject$2() {
   var data = _taggedTemplateLiteral(["\n    margin: 23px 0 0;\n"]);
   _templateObject$2 = function _templateObject() {
@@ -442,7 +442,7 @@ LoginForm.defaultProps = {
   password: ''
 };
 
-var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\NavMenu\\index.js";
+var _jsxFileName$3 = "D:\\GitHub\\CommunityServer-AspNetCore\\web\\ASC.Web.Components\\src\\components\\nav-menu\\index.js";
 function _templateObject$3() {
   var data = _taggedTemplateLiteral(["\n    background: #0f4071;\n    color: #c5c5c5;\n    height: 48px;\n    padding-top: 4px;\n    z-index: 1;\n"]);
   _templateObject$3 = function _templateObject() {
diff --git a/web/ASC.Web.Components/example/stories/input/Text/base/index.stories.js b/web/ASC.Web.Components/example/stories/input/Text/base/index.stories.js
index 5057ec85e4..57679dc4f2 100644
--- a/web/ASC.Web.Components/example/stories/input/Text/base/index.stories.js
+++ b/web/ASC.Web.Components/example/stories/input/Text/base/index.stories.js
@@ -14,7 +14,7 @@ const sizeOptions = ['base', 'middle', 'big', 'huge', 'scale'];
 storiesOf('Components|Input', module)
   .addDecorator(withKnobs)
   .addDecorator(withReadme(Readme))
-  .add('Text', () => (
+  .add('text', () => (
       <Value
         defaultValue=""
         render={(value, onChange) => (
diff --git a/web/ASC.Web.Components/example/stories/nav/index.stories.js b/web/ASC.Web.Components/example/stories/nav-menu/index.stories.js
old mode 100644
new mode 100755
similarity index 100%
rename from web/ASC.Web.Components/example/stories/nav/index.stories.js
rename to web/ASC.Web.Components/example/stories/nav-menu/index.stories.js
diff --git a/web/ASC.Web.Components/src/components/Forms/Login/index.js b/web/ASC.Web.Components/src/components/Forms/Login/index.js
index 5fc3482c02..934fc66ec1 100644
--- a/web/ASC.Web.Components/src/components/Forms/Login/index.js
+++ b/web/ASC.Web.Components/src/components/Forms/Login/index.js
@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Collapse, Container, Row, Col } from 'reactstrap';
 import styled from 'styled-components';
-import Button from '../../Button';
-import TextInput from '../../TextInput';
+import Button from '../../button';
+import TextInput from '../../text-input';
 
 const FormRow = styled(Row)`
     margin: 23px 0 0;
diff --git a/web/ASC.Web.Components/src/components/NavMenu/index.js b/web/ASC.Web.Components/src/components/nav-menu/index.js
old mode 100644
new mode 100755
similarity index 100%
rename from web/ASC.Web.Components/src/components/NavMenu/index.js
rename to web/ASC.Web.Components/src/components/nav-menu/index.js
diff --git a/web/ASC.Web.Components/src/components/TextInput/index.js b/web/ASC.Web.Components/src/components/text-input/index.js
old mode 100644
new mode 100755
similarity index 100%
rename from web/ASC.Web.Components/src/components/TextInput/index.js
rename to web/ASC.Web.Components/src/components/text-input/index.js
diff --git a/web/ASC.Web.Components/src/index.js b/web/ASC.Web.Components/src/index.js
index 08666077fd..c03b66cfe7 100644
--- a/web/ASC.Web.Components/src/index.js
+++ b/web/ASC.Web.Components/src/index.js
@@ -1,4 +1,4 @@
-export { default as Button } from './components/Button/'
-export { default as TextInput } from './components/TextInput/'
-export { default as LoginForm } from './components/Forms/Login'
-export { default as NavMenu } from './components/NavMenu'
+export { default as Button } from './components/button'
+export { default as TextInput } from './components/text-input'
+export { default as LoginForm } from './components/forms/login'
+export { default as NavMenu } from './components/nav-menu'