diff --git a/src/frontend/styles/components/aside.pcss b/src/frontend/styles/components/aside.pcss
index 9a20581..39e9179 100644
--- a/src/frontend/styles/components/aside.pcss
+++ b/src/frontend/styles/components/aside.pcss
@@ -149,7 +149,7 @@
       font-size: 14px;
       line-height: 21px;
       font-weight: 400;
-      max-width: var(--layout-width-aside);
+      max-width: var(--layout-width-aside-right-title);
       white-space: wrap;
       padding: 4px 8px;
     }
diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss
index 494ae8d..6526a7f 100644
--- a/src/frontend/styles/layout.pcss
+++ b/src/frontend/styles/layout.pcss
@@ -37,11 +37,17 @@
   }
 
   &__right-aside {
-    padding-left: 30px;
+    padding-left: var(--layout-right-aside-padding-left);
     padding-bottom: 30px;
     position: fixed;
     top: var(--layout-height-header);
     right: 0;
+    width: calc(
+      var(--layout-width-right-aside)-var(--layout-right-aside-padding-left)
+    );
+    max-width: calc(
+      var(--layout-width-right-aside)-var(--layout-right-aside-padding-left)
+    );
   }
 
   &__left-aside,
diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss
index e3c6613..765186a 100644
--- a/src/frontend/styles/vars.pcss
+++ b/src/frontend/styles/vars.pcss
@@ -28,6 +28,18 @@
   --layout-width-aside: 300px;
   --layout-width-main-col: 650px;
 
+  --layout-width-aside-right-title: 277px;
+  --layout-right-aside-resposive-width: 160px;
+  --layout-width-right-aside-available: calc(
+    50% - var(--layout-width-main-col) / 2 -
+      var(--layout-right-aside-resposive-width)
+  );
+  --layout-width-right-aside: max(
+    450px,
+    var(--layout-width-right-aside-available)
+  );
+  --layout-right-aside-padding-left: 30px;
+
   --layout-height-header: 57px;
 
   @media (--mobile) {