diff --git a/_pkgdown.yml b/_pkgdown.yml
index aac1837..a17b998 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -5,6 +5,7 @@ url: https://merck.github.io/forestly/
 template:
   bootstrap: 5
   bslib:
+    preset: "bootstrap"
     primary: "#00857c"
     navbar-light-brand-color: "#fff"
     navbar-light-brand-hover-color: "#fff"
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
index d5b5076..5d5839f 100644
--- a/pkgdown/extra.css
+++ b/pkgdown/extra.css
@@ -1,5 +1,6 @@
 /* navbar background */
-.bg-light, .navbar-light {
+.bg-light,
+.navbar-light {
     background-color: #00857c !important;
 }
 
@@ -22,7 +23,21 @@ footer {
     padding-top: 1rem;
     padding-bottom: 1rem;
 }
-.sidebar{
-  float:right;
+
+.sidebar {
+    float: right;
+}
+
+/* hotfix for toc squeezed to bottom issue in vignettes with wide elements */
+@media (min-width: 1200px) {
+    .container {
+        width: 1320px !important;
+    }
 }
 
+@media (min-width: 576px) {
+    #toc {
+        position: relative;
+        top: 0;
+    }
+}
\ No newline at end of file