diff --git a/app/components/client/glossary-scripts.js b/app/components/client/glossary-scripts.js
index 8973286..01a42b5 100644
--- a/app/components/client/glossary-scripts.js
+++ b/app/components/client/glossary-scripts.js
@@ -4,8 +4,3 @@
 
 // Add page-specific styling
 document.querySelector("body").classList.add("glossary");
-
-// Toggle sidebar
-document.querySelector("[data-action='toggle glossary sidebar']").onclick = () => {
-  document.querySelector("body").classList.toggle("sidebar-closed");
-};
diff --git a/app/components/glossary-toc.js b/app/components/glossary-toc.js
index b94d4e5..5f30b82 100644
--- a/app/components/glossary-toc.js
+++ b/app/components/glossary-toc.js
@@ -22,7 +22,9 @@ export default (state, emit, markdown) => {
     const title = item.match(titleRegex)[0].replace(">", "").replace("<", "");
 
     collectionOfTocElements.push(`
-      <li><a href="${slugify(id)}" title="Go to '${title}'">${title}</a></li>
+      <li>
+        <a href="${slugify(id)}" title="Go to '${title}'">${title}</a>
+      </li>
     `);
   }
 
@@ -30,7 +32,6 @@ export default (state, emit, markdown) => {
     <ul class="component--glossary-toc">
       ${collectionOfTocElements.join("")}
     </ul>
-    <button class="component--glossary-toc-toggle" data-action="toggle glossary sidebar" type="button">Toggle</button>
   `;
 };
 
diff --git a/app/sass/pages/_api.scss b/app/sass/pages/_api.scss
index 871049e..f256a49 100644
--- a/app/sass/pages/_api.scss
+++ b/app/sass/pages/_api.scss
@@ -52,7 +52,7 @@
 
   background-color: $lbry-white;
   border-right: 1px solid $lbry-gray-1;
-  float: left;
+  // float: left;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
diff --git a/app/sass/partials/_glossary.scss b/app/sass/partials/_glossary.scss
index 9751c96..70f92d2 100644
--- a/app/sass/partials/_glossary.scss
+++ b/app/sass/partials/_glossary.scss
@@ -1,111 +1,53 @@
+// sass-lint:disable no-important
+// Refactor of entire CSS is sorely needed
+
 .glossary {
-  &:not(.sidebar-closed) {
-    main {
-      width: calc(100vw - 250px);
-      margin-left: 250px;
-    }
-
-    .page__header-wrap,
-    .page__content {
-      .inner-wrap {
-        max-width: initial;
-        margin-left: 1rem;
-      }
-    }
-
-    .component--glossary-toc-toggle {
-      &:not(.noncompliant-fix) {
-        left: calc(250px - 25px);
-      }
-
-      &.noncompliant-fix {
-        @media (min-width: 901px) {
-          left: calc(250px - 65px);
-        }
-
-        @media (max-width: 900px) {
-          left: calc(250px - 45px);
-        }
-      }
-    }
+  main {
+    width: calc(100vw - 200px);
+    margin-left: 200px;
   }
 
-  &.sidebar-closed {
-    @media (max-width: 1230px) {
-      .page__header {
-        margin-left: 1rem;
-      }
-    }
-
-    .component--glossary-toc {
-      left: -250px;
-    }
-
-    .component--glossary-toc-toggle {
-      &:not(.noncompliant-fix) {
-        left: 0;
-      }
-
-      &.noncompliant-fix {
-        @media (min-width: 901px) {
-          left: -40px;
-        }
-
-        @media (max-width: 900px) {
-          left: -20px;
-        }
-      }
+  .page__header-wrap,
+  .page__content {
+    .inner-wrap {
+      max-width: initial;
+      margin-left: 1rem;
     }
   }
 }
 
 .component--glossary-toc {
-  width: 250px; height: calc(100vh - 4rem);
-  top: 4rem; left: 0;
+  width: 200px; height: calc(100vh - 4rem);
+  bottom: 0; left: 0;
 
   background-color: $lbry-white;
-  border-right: 1px solid $lbry-gray-2;
-  font-size: 0.8rem; // TODO: Why was !important here?
+  border-right: 1px solid $lbry-gray-1;
+  font-size: 0.8rem;
+  line-height: 1.33;
   overflow-x: hidden;
   overflow-y: auto;
-  padding-top: 1rem; // TODO: Why was !important here?
-  position: fixed; // TODO: Why was !important here?
+  padding-top: 0.25rem !important;
+  padding-left: 0 !important;
+  position: fixed;
   z-index: 1;
 
-  li:last-of-type {
-    margin-bottom: 1rem;
-  }
-}
+  li {
+    list-style-type: none !important;
 
-.component--glossary-toc-toggle {
-  background-color: $lbry-gray-1;
-  font-size: 0.7rem;
-  position: absolute;
-  text-orientation: upright;
-  text-transform: uppercase;
-  writing-mode: vertical-rl;
-  z-index: 1;
-
-  &:not(.noncompliant-fix) {
-    width: 25px; height: 104px;
-    top: 4rem;
-  }
-
-  &.noncompliant-fix {
-    transform: rotate(90deg);
-
-    @media (min-width: 901px) {
-      width: 105px; height: 25px;
-      top: 103px;
-
-      letter-spacing: 2px;
+    &:hover {
+      background-color: $lbry-gray-2;
     }
 
-    @media (max-width: 900px) {
-      width: 65px; height: 25px;
-      top: 83px;
+    &:last-of-type {
+      margin-bottom: 1rem;
+    }
 
-      letter-spacing: 1px;
+    a {
+      padding: 0.25rem 0.5rem 0.25rem 0.75rem;
+      background-image: none !important;
+      color: inherit !important;
+      display: block !important;
+      text-shadow: none !important;
     }
   }
 }