Fixed table of contents style

src/components/TableOfContents/TableOfContents.module.scss

@@ -2,14 +2,32 @@
   min-height: 100%;
   top: 0;
 
-  &:not(.TableOfContentsFixedWrapperLefted) .TableOfContentsPrimaryButton {
+  &:not(.TableOfContentsFixedWrapperLefted) {
-    transform: rotate(180deg);
+    .TableOfContentsPrimaryButton {
+      margin-top: 5.4rem;
+      transform: rotate(180deg);
+    }
+
+    .TableOfContentsContainer {
+      padding-top: 2.7em;
+    }
   }
 }
 
 .TableOfContentsFixedWrapperLefted {
+  margin-top: -2em;
   right: auto;
   left: 70px;
+
+  .TableOfContentsPrimaryButton {
+    left: auto;
+    right: 40px;
+  }
+
+  .TableOfContentsPrimaryButtonLefted {
+    left: 0;
+    right: auto;
+  }
 }
 
 .TableOfContentsContainer {
@@ -18,11 +36,15 @@
   right: 20px;
   display: flex;
   width: 100%;
-  height: calc(100vh - 250px);
+  height: calc(100vh - 120px);
   overflow: auto;
   flex-direction: column;
   align-items: flex-start;
   background-color: transparent;
+
+  .TableOfContentsFixedWrapperLefted & {
+    height: calc(100vh - 250px);
+  }
 }
 
 .TableOfContentsHeader {
@@ -43,7 +65,7 @@
 .TableOfContentsPrimaryButton {
   position: absolute;
   right: 0;
-  top: 10px;
+  top: 0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -52,11 +74,6 @@
   cursor: pointer;
 }
 
-.TableOfContentsPrimaryButtonLefted {
-  right: auto;
-  left: 0;
-}
-
 .TableOfContentsHeadingsList {
   position: relative;
   display: flex;