diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
index 1024f90f7d..ec8b504213 100644
--- a/docs/_static/css/custom.css
+++ b/docs/_static/css/custom.css
@@ -117,11 +117,17 @@ p.admonition-title::before {
 .content div[class^=highlight], .content pre.literal-block {
   border: none;
   border-radius: 5px;
-  padding: 1em;
 }
 .highlight pre {
   padding: 2em !important;
 }
+div.nbinput.container, div.nboutput.container {
+  margin: 2em 0 !important;
+}
+.article-container img {
+  margin: 2em 0;
+  display: flex;
+}
 :target>h1:first-of-type, :target>h2:first-of-type, :target>h3:first-of-type, :target>h4:first-of-type, :target>h5:first-of-type, :target>h6:first-of-type, span:target~h1:first-of-type, span:target~h2:first-of-type, span:target~h3:first-of-type, span:target~h4:first-of-type, span:target~h5:first-of-type, span:target~h6:first-of-type {
   background: var(--color-sidebar-item-background--current);
 }
@@ -279,6 +285,16 @@ a.back-to-top.muted-link {
   border-radius: 3px;
   min-height: 40px;
 }
+.sidebar-search::placeholder {
+  color: var(--color-search-placeholder)
+}
+.sidebar-scroll, .toc-scroll  {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+.sidebar-scroll::-webkit-scrollbar, .toc-scroll::-webkit-scrollbar {
+  display: none; /* Chrome, Safari and Opera */
+}
 .sidebar-search-container:before {
   z-index: 12;
   background: var(--color-search-icon)
diff --git a/docs/conf.py b/docs/conf.py
index 751aee9c5f..366f2deb11 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -177,7 +177,8 @@
         "color-link--hover": "#0508D9",
         "content-padding": "5em",
         "content-padding--small": "2em",
-        "color-search-icon": "#0508D9"
+        "color-search-icon": "#0508D9",
+        "color-search-placeholder": "#0508D9",
     },
     "dark_css_variables": {
         "color-sidebar-background": "#000000",
@@ -195,12 +196,13 @@
         "color-sidebar-search-border": "#FFFFFF",
         "color-sidebar-search-foreground": "#FFFFFF",
         "color-content-foreground": "#FFFFFF",
-        "color-toc-title": "#7e8ee7",
+        "color-toc-title": "#FFFFFF",
         "color-toc-item-text--hover": "#FFFFFF",
         "color-toc-item-text--active": "#FFFFFF",
         "color-link": "#7e8ee7",
         "color-link--hover": "#98a4e4",
-        "color-search-icon": "#FFFFFF"
+        "color-search-icon": "#FFFFFF",
+        "color-search-placeholder": "#FFFFFF",
     },
 }
 pygments_style = "material"