diff --git a/src/app/shell/about/about.component.html b/src/app/shell/about/about.component.html
index 361b3fe7a..aec20f315 100644
--- a/src/app/shell/about/about.component.html
+++ b/src/app/shell/about/about.component.html
@@ -1,5 +1,5 @@
 <div class="about_wrapper">      
-  <div class="about" fxLayout="row wrap" fxLayoutAlign="start center">
+  <div class="about">
     <img class="about_pct" src="assets/images/header-about.png">
     <h3 class="about_title">Про портал</h3>
     <div class="about_content">
diff --git a/src/app/shell/about/about.component.scss b/src/app/shell/about/about.component.scss
index 4e64b19cb..694d88069 100644
--- a/src/app/shell/about/about.component.scss
+++ b/src/app/shell/about/about.component.scss
@@ -1,42 +1,63 @@
-.about{
+.about {
   display: flex;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
   padding: 0;
   margin: 2% auto;
   border-radius: 5px;
-  &_title{
+  &_title {
     font-family: Innerspace;
-    line-height: 37px;
     font-size: 33px;
     color: #000000;
     text-align: center;
-    margin: 2% auto 0;
+    margin: 0 auto;
+    position: relative;
+    top: -2.5rem;
   }
-  &_content{
-    padding: 2% 10%;
-    font: 'Open Sans';
-    line-height: 18px;
+  &_content {
+    position: relative;
+    top: -2rem;
+    padding: 0 10%;
+    font-style: normal;
+    font: "Open Sans";
+    width: 70%;
     font-size: 13px;
     align-items: center;
     text-align: center;
     color: #333333;
-     p {
-       margin: 3%;
+    p {
+      margin: 1rem auto;
     }
-    &_bold{
+    &_bold {
       font-weight: bold;
     }
-    &_link{
-      color: #3849F9;
+    &_link {
+      color: #3849f9;
     }
   }
-  &_pct{
-
-    width: -webkit-fill-available;
+  &_pct {
+    margin: 0;
+    width: 102.5%;
+    height: calc(100% / 3);
+    position: relative;
+    top: -2.8rem;
+  }
+}
+.about-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+@media (max-width: 800px) {
+  .about_title,
+  .about_content,
+  .about_pct {
+    position: static;
+  }
+  .about_title {
+    margin: 3%;
   }
 }