diff --git a/src/components/Pages/about/DiscussionRulesPage.tsx b/src/components/Pages/about/DiscussionRulesPage.tsx
index 832c1c0e..11ee4565 100644
--- a/src/components/Pages/about/DiscussionRulesPage.tsx
+++ b/src/components/Pages/about/DiscussionRulesPage.tsx
@@ -7,7 +7,7 @@ export const DiscussionRulesPage = () => {
     <MainLayout>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1>
               <span class="wrapped" innerHTML={title} />
             </h1>
diff --git a/src/components/Pages/about/DogmaPage.tsx b/src/components/Pages/about/DogmaPage.tsx
index cf764cd4..1407c73d 100644
--- a/src/components/Pages/about/DogmaPage.tsx
+++ b/src/components/Pages/about/DogmaPage.tsx
@@ -7,7 +7,7 @@ export const DogmaPage = () => {
     <MainLayout>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h4>Редакционные принципы</h4>
             <p>
               Дискурс - журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым
diff --git a/src/components/Pages/about/GuidePage.tsx b/src/components/Pages/about/GuidePage.tsx
index 4d216ea6..b4d690ff 100644
--- a/src/components/Pages/about/GuidePage.tsx
+++ b/src/components/Pages/about/GuidePage.tsx
@@ -22,17 +22,15 @@ export const GuidePage = () => {
 
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
-            <p class="content-index-control-container">
-              <button class="button button--content-index" onClick={toggleIndexExpanded}>
-                <Show when={!indexExpanded()}>
-                  <Icon name="content-index-control" />
-                </Show>
-                <Show when={indexExpanded()}>
-                  <Icon name="content-index-control-expanded" />
-                </Show>
-              </button>
-            </p>
+          <div class="col-md-4 col-lg-3 order-md-last">
+            <button class="button button--content-index" onClick={toggleIndexExpanded}>
+              <Show when={!indexExpanded()}>
+                <Icon name="content-index-control" />
+              </Show>
+              <Show when={indexExpanded()}>
+                <Icon name="content-index-control-expanded" />
+              </Show>
+            </button>
 
             <Show when={indexExpanded()}>
               <nav class="content-index">
@@ -60,7 +58,7 @@ export const GuidePage = () => {
             </Show>
           </div>
 
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1 id="about">
               <span class="wrapped">Как устроен Дискурс</span>
             </h1>
diff --git a/src/components/Pages/about/HelpPage.tsx b/src/components/Pages/about/HelpPage.tsx
index ce728c2c..1a8cd4bb 100644
--- a/src/components/Pages/about/HelpPage.tsx
+++ b/src/components/Pages/about/HelpPage.tsx
@@ -19,17 +19,15 @@ export const HelpPage = () => {
 
       <article class="container container--static-page discours-help">
         <div class="row">
-          <div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
-            <p class="content-index-control-container">
-              <button class="button button--content-index" onClick={toggleIndexExpanded}>
-                <Show when={!indexExpanded()}>
-                  <Icon name="content-index-control" />
-                </Show>
-                <Show when={indexExpanded()}>
-                  <Icon name="content-index-control-expanded" />
-                </Show>
-              </button>
-            </p>
+          <div class="col-md-4 col-lg-3 order-md-last">
+            <button class="button button--content-index" onClick={toggleIndexExpanded}>
+              <Show when={!indexExpanded()}>
+                <Icon name="content-index-control" />
+              </Show>
+              <Show when={indexExpanded()}>
+                <Icon name="content-index-control-expanded" />
+              </Show>
+            </button>
 
             <Show when={indexExpanded()}>
               <nav class="content-index">
@@ -51,7 +49,7 @@ export const HelpPage = () => {
             </Show>
           </div>
 
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1 id="help-us">
               <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
             </h1>
diff --git a/src/components/Pages/about/ManifestPage.tsx b/src/components/Pages/about/ManifestPage.tsx
index 9834ad81..f5cb088a 100644
--- a/src/components/Pages/about/ManifestPage.tsx
+++ b/src/components/Pages/about/ManifestPage.tsx
@@ -23,17 +23,15 @@ export const ManifestPage = () => {
       </Modal>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
-            <p class="content-index-control-container">
-              <button class="button button--content-index" onClick={toggleIndexExpanded}>
-                <Show when={!indexExpanded()}>
-                  <Icon name="content-index-control" />
-                </Show>
-                <Show when={indexExpanded()}>
-                  <Icon name="content-index-control-expanded" />
-                </Show>
-              </button>
-            </p>
+          <div class="col-md-4 col-lg-3 order-md-last">
+            <button class="button button--content-index" onClick={toggleIndexExpanded}>
+              <Show when={!indexExpanded()}>
+                <Icon name="content-index-control" />
+              </Show>
+              <Show when={indexExpanded()}>
+                <Icon name="content-index-control-expanded" />
+              </Show>
+            </button>
 
             <Show when={indexExpanded()}>
               <nav class="content-index">
@@ -66,7 +64,7 @@ export const ManifestPage = () => {
             </Show>
           </div>
 
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1 id="manifest">
               <span class="wrapped">Манифест</span>
             </h1>
diff --git a/src/components/Pages/about/PartnersPage.tsx b/src/components/Pages/about/PartnersPage.tsx
index 3db7c4eb..4800e380 100644
--- a/src/components/Pages/about/PartnersPage.tsx
+++ b/src/components/Pages/about/PartnersPage.tsx
@@ -8,7 +8,7 @@ export const PartnersPage = () => {
     <MainLayout>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1>{t('Partners')}</h1>
           </div>
         </div>
diff --git a/src/components/Pages/about/PrinciplesPage.tsx b/src/components/Pages/about/PrinciplesPage.tsx
index d22cb77a..e52eed41 100644
--- a/src/components/Pages/about/PrinciplesPage.tsx
+++ b/src/components/Pages/about/PrinciplesPage.tsx
@@ -7,7 +7,7 @@ export const PrinciplesPage = () => {
     <MainLayout>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1>
               <span class="wrapped">{title}</span>
             </h1>
diff --git a/src/components/Pages/about/ProjectsPage.tsx b/src/components/Pages/about/ProjectsPage.tsx
index f78c25ff..63a7e55e 100644
--- a/src/components/Pages/about/ProjectsPage.tsx
+++ b/src/components/Pages/about/ProjectsPage.tsx
@@ -8,7 +8,7 @@ export const ProjectsPage = () => {
     <MainLayout>
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1>{t('Projects')}</h1>
           </div>
         </div>
diff --git a/src/components/Pages/about/TermsOfUsePage.tsx b/src/components/Pages/about/TermsOfUsePage.tsx
index 67293a2c..7dad2295 100644
--- a/src/components/Pages/about/TermsOfUsePage.tsx
+++ b/src/components/Pages/about/TermsOfUsePage.tsx
@@ -17,17 +17,15 @@ export const TermsOfUsePage = () => {
       {/*<Meta property="og:description" content={title} />*/}
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
-            <p class="content-index-control-container">
-              <button class="button button--content-index" onClick={toggleIndexExpanded}>
-                <Show when={!indexExpanded()}>
-                  <Icon name="content-index-control" />
-                </Show>
-                <Show when={indexExpanded()}>
-                  <Icon name="content-index-control-expanded" />
-                </Show>
-              </button>
-            </p>
+          <div class="col-md-4 col-lg-3 order-md-last">
+            <button class="button button--content-index" onClick={toggleIndexExpanded}>
+              <Show when={!indexExpanded()}>
+                <Icon name="content-index-control" />
+              </Show>
+              <Show when={indexExpanded()}>
+                <Icon name="content-index-control-expanded" />
+              </Show>
+            </button>
 
             <Show when={indexExpanded()}>
               <nav class="content-index">
@@ -55,7 +53,7 @@ export const TermsOfUsePage = () => {
             </Show>
           </div>
 
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1 id="terms-of-use">
               <span class="wrapped">Пользовательское соглашение</span>
             </h1>
diff --git a/src/components/Pages/about/ThanksPage.tsx b/src/components/Pages/about/ThanksPage.tsx
index 6f6938d1..c4efa93d 100644
--- a/src/components/Pages/about/ThanksPage.tsx
+++ b/src/components/Pages/about/ThanksPage.tsx
@@ -12,7 +12,7 @@ export const ThanksPage = () => {
 
       <article class="container container--static-page">
         <div class="row">
-          <div class="col-md-7 shift-content order-md-first">
+          <div class="col-md-6 col-xl-7 shift-content order-md-first">
             <h1>
               <span class="wrapped">{title}</span>
             </h1>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 5697045b..38da5391 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -243,8 +243,23 @@ button {
   border: 2px solid #fff;
   background: none;
   height: 3.2rem;
+  float: right;
   padding: 0;
+  position: absolute;
+  right: $container-padding-x * 0.5;
+  top: -0.5rem;
   width: 3.2rem;
+  z-index: 1;
+
+  @include media-breakpoint-up(md) {
+    margin-top: -0.5rem;
+    position: sticky;
+    top: 90px;
+  }
+
+  @include media-breakpoint-up(sm) {
+    right: $container-padding-x;
+  }
 
   .icon,
   img {
@@ -259,10 +274,6 @@ button {
   }
 }
 
-.content-index-control-container {
-  text-align: right;
-}
-
 form {
   .pretty-form__item {
     position: relative;
@@ -617,18 +628,26 @@ astro-island {
 
 .container {
   max-width: 1400px;
-
-  // margin-left: 201px;
-  // width: auto;
-
-  @include media-breakpoint-up(md) {
-    // padding-left: 227px;
-  }
 }
 
 .container--static-page {
+  @include font-size(1.7rem);
+
+  color: #404040;
+  position: relative;
+
   @include media-breakpoint-up(md) {
     padding-top: 1.5em;
+
+    > .row {
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      margin-right: 0;
+    }
+  }
+
+  .order-md-last {
+    padding-right: 0;
   }
 }
 
@@ -664,7 +683,7 @@ astro-island {
 .content-index {
   @include font-size(1.4rem);
 
-  margin-bottom: 2em;
+  margin: 0 3.6rem 2em 0;
 
   @include media-breakpoint-up(md) {
     position: sticky;
@@ -695,6 +714,10 @@ astro-island {
 details {
   margin-bottom: 1.5em;
 
+  @include media-breakpoint-down(md) {
+    padding-left: 3rem;
+  }
+
   summary {
     display: block;
     position: relative;