diff --git a/Gemfile b/Gemfile
index 43e84c2..74eacf6 100644
--- a/Gemfile
+++ b/Gemfile
@@ -16,7 +16,7 @@ group :jekyll_plugins do
   gem 'jekyll-redirect-from'
   gem 'jekyll-sitemap'
   gem 'jemoji'
-  gem 'just-the-docs', '0.10.0'
+  gem 'just-the-docs', '0.12.0'
   gem 'jekyll-target-blank'
 end
 
diff --git a/Gemfile.lock b/Gemfile.lock
index 3cc6056..d3a4cca 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -128,7 +128,7 @@ GEM
       html-pipeline (~> 2.2)
       jekyll (>= 3.0, < 5.0)
     json (2.7.2)
-    just-the-docs (0.10.0)
+    just-the-docs (0.12.0)
       jekyll (>= 3.8.5)
       jekyll-include-cache
       jekyll-seo-tag (>= 2.0)
@@ -271,7 +271,7 @@ DEPENDENCIES
   jekyll-sitemap
   jekyll-target-blank
   jemoji
-  just-the-docs (= 0.10.0)
+  just-the-docs (= 0.12.0)
   kramdown-parser-gfm
   rack
   rackup
diff --git a/_includes/nav_footer_custom.html b/_includes/nav_footer_custom.html
index ffc01ba..564ab39 100644
--- a/_includes/nav_footer_custom.html
+++ b/_includes/nav_footer_custom.html
@@ -1,7 +1,7 @@
 <!-- This file adds links at the bottom of the sidebar on the left. -->
 
 {% if site.class_archive_path %}
-<section class="site-footer py-1" aria-label="Footer: site archive">
+<section class="py-2" aria-label="Footer: site archive"></section>
   <a href="{{ site.class_archive_path }}"
     target="_blank" rel="noopener nofollow">View all course offerings
   </a>
@@ -9,7 +9,7 @@
 {% endif %}
 
 {% if site.hide_color_scheme_toggle != 'true' %}
-  <div class="site-footer m-1">
+  <div class="m-1 py-4">
     {% include toggle-color-scheme.html %}
   </div>
 {% endif %}
diff --git a/_sass/berkeley/berkeley.scss b/_sass/berkeley/berkeley.scss
index e4987dd..aeed740 100644
--- a/_sass/berkeley/berkeley.scss
+++ b/_sass/berkeley/berkeley.scss
@@ -103,7 +103,9 @@ summary {
 a[target="_blank"]:not(.btn)::after {
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
+  font-size: 0.8em;
   content: "\f08e";
+  vertical-align: 0.15em;
   padding: 0 0.25rem;
 }
 
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index ff90901..2cfddef 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -24,3 +24,13 @@ div.highlighter-rouge div.highlight {
 
 // Place all of your course-specific CSS here.
 @import './course_overrides';
+
+// fix Note block colors for dark mode
+p.note, blockquote.note {
+  border-left-color: #7253ed; 
+
+}
+p.note::before {
+  color: #7253ed;
+  font-weight: bold;
+}