diff --git a/.changeset/fair-chicken-joke.md b/.changeset/fair-chicken-joke.md
new file mode 100644
index 0000000000..68decec3b2
--- /dev/null
+++ b/.changeset/fair-chicken-joke.md
@@ -0,0 +1,5 @@
+---
+"@stackoverflow/stacks": patch
+---
+
+feat(sidebar-widget): initial SHINE design changes
diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md
index c173481b5c..9460843c03 100755
--- a/MIGRATION_GUIDE.md
+++ b/MIGRATION_GUIDE.md
@@ -139,6 +139,13 @@ The menu component has been updated to use new class names and structure. The fo
 #### Select
 - `md` and `xl` sizes removed
 
+#### Sidebar Widget
+- `s-sidebarwidget__items` renamed to `s-sidebarwidget--items` and must be nested inside `s-sidebarwidget--content` now
+- `s-sidebarwidget--item` is only supported for navigation items now
+- `s-sidebarwidget__small-bold-text` class removed
+- Table layout support removed
+- Expandable sidebar support removed
+
 #### Tags
 - `.s-tag__xs` removed
 - `.s-tag__md` removed
diff --git a/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.less b/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.less
index 0b0a72efb9..4c5a987b49 100644
--- a/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.less
+++ b/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.less
@@ -1,42 +1,13 @@
-.s-sidebarwidget {
-    // COMPONENT-SPECIFIC CUSTOM PROPERTIES
-    --_sw-bc: var(--bc-medium);
-
-    // MODIFIERS
-    &:not(.s-anchors) {
-        a:not(.button):not(.s-tag):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link) {
-            &,
-            &:visited {
-                color: var(--black-600);
-            }
-        }
-    }
+@headings: h1, h2, h3, h4, h5, h6;
 
+.s-sidebarwidget {
     // VARIANTS
     .alternate-color(blue);
     .alternate-color(yellow);
     .alternate-color(green);
 
     // CHILD ELEMENTS
-    & &--action {
-        color: var(--blue-400);
-        font-size: var(--fs-body1);
-        font-weight: normal;
-        margin-left: auto;
-    }
-
     & &--content {
-        &:not(table) {
-            &:not(.s-sidebarwidget__items),
-            &:not(.s-sidebarwidget__block-items) .s-sidebarwidget--item {
-                display: flex;
-            }
-        }
-
-        + .s-sidebarwidget--content {
-            border-top: var(--su-static1) solid var(--bc-light);
-        }
-
         &.s-sidebarwidget__items {
             &,
             &.s-sidebarwidget__block-items .s-sidebarwidget--item {
@@ -50,98 +21,80 @@
             outline: none;
         }
         
+        .s-sidebarwidget--action {
+            font-size: var(--fs-fine);
+            margin-left: var(--su16);
+        }
 
-        margin: 0;
-        padding: var(--su16);
+        display: flex;
+        padding: calc(var(--su16) + var(--su2)); //18px
+        font-size: var(--fs-body2);
     }
 
     & &--header {
-        &:first-child {
-            border-top: none;
+        > @{headings} {
+            margin: 0;
+            font-size: var(--fs-body1);
+            font-weight: 600;
         }
 
-        + .s-expandable:not(.is-expanded) {
-            margin-bottom: var(--su16);
+        .s-sidebarwidget--action {
+            margin-left: auto;
+            font-size: var(--fs-fine);
+            font-weight: 600;
         }
 
-        &.s-sidebarwidget {
-            &__expanding-control {
-                &:before {
-                    border: calc(var(--su-static4) + var(--su-static1)) solid transparent;
-                    border-left-color: var(--black-400);
-                    border-right-width: 0;
-                    content: '';
-                    float: left;
-                    margin-right: var(--su12);
-                    margin-top: calc(calc(var(--lh-base) * 1em) / 2 - 5px); // 1.3 is our standard line height
-                    transition: transform 0.3s cubic-bezier(0.4, 0.4, 0.6, 1);
-                }
-
-                &[aria-expanded='true']:before {
-                    transform: rotate(90deg);
-                }
-
-                cursor: pointer;
-            }
-
-            &__small-bold-text {
-                .s-sidebarwidget--action {
-                    font-weight: normal;
-                    line-height: calc(var(--lh-base) * var(--fs-caption)); // line-height should be the same as in the outside element, so the header and action baselines line up
-                }
-
-                font-size: var(--fs-caption);
-                font-weight: bold;
-            }
-        }
+        align-items: center;
+        display: flex;
+        padding: var(--su16) var(--su16) 0;
+    }
 
-        &:active {
-            outline: none;
+    & &--footer {
+        .s-sidebarwidget--action {
+            flex: 1;
         }
-
-        align-items: center;
-        border-top: var(--su-static1) solid var(--bc-light);
-        color: var(--black-600);
+        
         display: flex;
+        padding: 0 var(--su16);
         font-size: var(--fs-body2);
-        font-weight: bold;
-        justify-content: flex-start;
-        line-height: var(--lh-xs);
-        margin: 0;
-        padding: var(--su16) var(--su16) 0;
     }
 
-    & &--item {
-        &,
-        & > :first-child {
-            &[aria-current="true"],
-            &[aria-current="page"] {
-                &:before {
-                    border-left-color: var(--theme-primary);
-                    border-left-style: solid;
-                    border-left-width: calc(var(--su-static1) * 3); // 3px
-                    content: '';
-                    height: calc(100% + var(--su16));
-                    left: 0;
-                    margin-left: var(--sun16); // the orange selection indicator overlaps with the widget border
-                    margin-top: var(--sun8);
-                    position: absolute;
-                }
+    & &--items {
+        .s-sidebarwidget--item {
+            &,
+            & > :first-child {
+                &[aria-current="true"],
+                &[aria-current="page"] {    
+                    &:before {
+                        border-left-color: var(--theme-primary);
+                        border-left-style: solid;
+                        border-left-width: calc(var(--su-static1) * 3); // 3px
+                        content: '';
+                        height: calc(100% + var(--su16));
+                        left: 0;
+                        margin-left: var(--sun16); // the orange selection indicator overlaps with the widget border
+                        margin-top: var(--sun8);
+                        position: absolute;
+                    }
 
-                a { // TODO: this isn't the best way to go about this. There should be a "is current" highlight without font modification for more complex cases
-                    &,
-                    &:visited {
-                        color: inherit;
+                    a { // TODO: this isn't the best way to go about this. There should be a "is current" highlight without font modification for more complex cases
+                        &,
+                        &:visited {
+                            color: inherit;
+                        }
                     }
-                }
 
-                color: var(--black);
-                font-weight: bold;
-                position: relative;
+                    color: var(--black);
+                    font-weight: bold;
+                    position: relative;
+                }
             }
+
+            margin: var(--su12) 0;
         }
 
-        margin: var(--su12) 0;
+        margin: 0;
+        list-style: none;
     }
 
     & &--subnav {
@@ -173,46 +126,16 @@
         padding-left: 0;
     }
 
-    & table&--content&__items {
-        tr.s-sidebarwidget--item {
-            td {
-                padding: 0;
-            }
-
-            display: table-row;
-        }
-
-        border-collapse: separate;
-        border-spacing: var(--su16) var(--su12);
-        padding: var(--su6) 0 0;
+    & &--action:is(a, button) {
+        white-space: nowrap;
     }
 
-    background-color: var(--white);
-    border: var(--su-static1) solid var(--_sw-bc);
-    border-radius: var(--br-md);
     font-size: var(--fs-body1);
 }
 
 // COLOR ALTERNATIVES
 .alternate-color(@name) {
     &.s-sidebarwidget__@{name} {
-        --_sw-bc: var(~"--@{name}-300");
-
-        .highcontrast-mode({
-            --_sw-bc: var(~"--@{name}-500");
-        });
-
-        &:after,
-        .s-sidebarwidget--content + .s-sidebarwidget--content,
-        .s-sidebarwidget--header {
-            border-color: var(--_sw-bc);
-        }
-
-        .s-sidebarwidget--header {
-            color: var(--fc-medium);
-        }
-
         background-color: var(~"--@{name}-100");
-        border-color: var(--_sw-bc);
     }
 }
\ No newline at end of file
diff --git a/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.test.setup.ts b/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.test.setup.ts
index bffbff3549..29014a3a72 100644
--- a/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.test.setup.ts
+++ b/packages/stacks-classic/lib/components/sidebar-widget/sidebar-widget.test.setup.ts
@@ -1,90 +1,55 @@
 import type { TestVariationArgs } from "../../test/test-utils";
+import { IconAward, IconPlus } from "@stackoverflow/stacks-icons/icons";
 import "../../index";
 
 const getChild = (child?: string): string => {
     switch (child) {
-        case "accordions":
-            return `<h2
-                class="s-sidebarwidget--header s-sidebarwidget__expanding-control s-sidebarwidget__small-bold-text"
-                aria-controls="expanded"
-                aria-expanded="true"
-                aria-label="toggle expanded"
-                data-controller="s-expandable-control"
-                tabindex="0">
-                    Expanded section
-                </h2>
-                <div class="s-expandable is-expanded" id="expanded">
-                    <div class="s-expandable--content">
-                        <div class="s-sidebarwidget--content">This is expanded</div>
-                    </div>
+        case "nav":
+            return `
+                <div class="s-sidebarwidget--header">
+                    <h2>Personal Information</h2>
                 </div>
-                <h2
-                    class="s-sidebarwidget--header s-sidebarwidget__expanding-control s-sidebarwidget__small-bold-text"
-                    aria-controls="collapsed"
-                    aria-expanded="false"
-                    aria-label="toggle collapsed"
-                    data-controller="s-expandable-control"
-                    tabindex="0">
-                    Collapsed section
-                </h2>
-                <div class="s-expandable" id="collapsed">
-                    <div class="s-expandable--content">
-                        <div class="s-sidebarwidget--content">This is collapsed</div>
-                    </div>
-                </div>`;
-        case "items":
-            return `<div class="s-sidebarwidget--content s-sidebarwidget__items">
-                <div class="s-sidebarwidget--item">
-                    <span><strong>bkelly</strong> contributed 6 edits</span>
+                <div class="s-sidebarwidget--content">
+                    <ul class="s-sidebarwidget--items">
+                        <li class="s-sidebarwidget--item"><a href="#">Nav item 1</a></li>
+                        <li class="s-sidebarwidget--item d-block">
+                            <a href="#" aria-current="true">Nav item 2</a>
+                            <ul class="s-sidebarwidget--subnav">
+                                <li><a href="#">Subnav item 1</a></li>
+                                <li aria-current="page">
+                                    <a href="#">Subnav item 2. This one's long, selected, and wraps.</a>
+                                </li>
+                                <li><a href="#">Subnav item 3</a></li>
+                            </ul>
+                        </li>
+                        <li class="s-sidebarwidget--item"><a href="#">Nav item 3</a></li>
+                    </ul>
+                </div>
+                
+                <div class="s-sidebarwidget--header">
+                    <h2>Site Settings</h2>
                 </div>
-                <div class="s-sidebarwidget--item">
-                    <span><strong>giamir</strong> contributed 7 edits</span>
+                <div class="s-sidebarwidget--content">
+                    <ul class="s-sidebarwidget--items">
+                        <li class="s-sidebarwidget--item"><a href="#">Preferences</a></li>
+                        <li class="s-sidebarwidget--item"><a href="#">Flair</a></li>
+                    </ul>
+                </div>`;
+        case "basic":
+            return `
+                <div class="s-sidebarwidget--header">
+                    <h4>${IconAward} Community Achievements</h4>
+                    <button class="s-link s-sidebarwidget--action">
+                        ${IconPlus} Track
+                    </button>
                 </div>
-                <div class="s-sidebarwidget--item">
-                    <span><strong>dc</strong> contributed 3 edits</span>
+                <div class="s-sidebarwidget--content">
+                    You’ve earned 3 new badges this week! Keep contributing to unlock more achievements and privileges within the community.
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">View all badges</button>
                 </div>
-            </div>`;
-        case "nav":
-            return `<h2 class="s-sidebarwidget--header">Personal Information</h2>
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item"><a href="#">Nav item 1</a></li>
-                    <li class="s-sidebarwidget--item d-block">
-                        <a href="#" aria-current="true">Nav item 2</a>
-                        <ul class="s-sidebarwidget--subnav">
-                            <li><a href="#">Subnav item 1</a></li>
-                            <li aria-current="page">
-                                <a href="#">Subnav item 3. This one's long, selected, and wraps.</a>
-                            </li>
-                            <li><a href="#">Subnav item 3</a></li>
-                        </ul>
-                    </li>
-                    <li class="s-sidebarwidget--item"><a href="#">Nav item 3</a></li>
-                </ul>
-                <h2 class="s-sidebarwidget--header">Site Settings</h2>
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item"><a href="#">Preferences</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Flair</a></li>
-                </ul>`;
-        case "small-bold-headers":
-            return `<h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text">Small bold text</h2>
-                <div class="s-sidebarwidget--content">Widget content</div>`;
-        case "table":
-            return `<table class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <tbody>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">asked</td>
-                            <td>4 years, 4 months ago</td>
-                        </tr>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">viewed</td>
-                            <td>7,437 times</td>
-                        </tr>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">active</td>
-                            <td>2 months ago</td>
-                        </tr>
-                    </tbody>
-                </table>`;
+                <div class="s-sidebarwidget--footer">
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">See your progress</button>
+                </div>`;
         default:
             return `<div class="s-sidebarwidget--content">12,345,678</div>`;
     }
@@ -97,12 +62,9 @@ const testArgs: TestVariationArgs = {
         global: ["ws3"],
     },
     children: {
-        "default": getChild(),
-        "accordions": getChild("accordions"),
-        "items": getChild("items"),
-        "nav": getChild("nav"),
-        "small-bold-headers": getChild("small-bold-headers"),
-        "table": getChild("table"),
+        default: getChild(),
+        basic: getChild("basic"),
+        nav: getChild("nav"),
     },
     options: {
         includeNullModifier: false,
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..57f714c65c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:80bc0bc12d01c2e8b1d0a013d87742115bcffac8e4272fbc10a76832a27e50d2
+size 21301
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
index 63a96f56d5..10d7539355 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:58b08b7a1b368bcce8b24416aca22887cbb7580d0c59bede0a2a15d2cb5038df
-size 17918
+oid sha256:d9054ca92d686c960c754b8105979bc15a7072b60d36b99e12414aa0fc8b6a75
+size 21616
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3.ico
index a86f87cb92..455d2054f9 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c1730f89d7783c79d8a6a5ee28cebd48617e4642b38552e222bed9b902f47104
-size 2274
+oid sha256:3ba4490e8d25fdaaa0cefd2edf2aaa398eb5070ca0e067057f44dd69abe0ade1
+size 2152
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..770e400036
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7bfaad4bfb14e54efe8c0d08bdf6d350020a179d67940a0bdddc9f5ae01aa58
+size 20910
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
index 4cc4899ff3..868fb2f6a7 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bcd01947fcffeaa4ad2fe2e73f53887e870b5d7723194a21fe46c8bc5976ac03
-size 17889
+oid sha256:2759fbd55092a15efcbb3d5d328a9678733cbf37696cd0deed5bc224fef3f0b7
+size 21580
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3.ico
index eb8b095044..ecfec9af9e 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:84ea0d84aae91b41556f33b40c26e793c8afb266ae6660336b51763ee7bdb48f
-size 2242
+oid sha256:51c6b3d042b6c738c4ebbb9736641b810b04154a245d634a2cca15146c0ccbd1
+size 2124
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-basic.ico
new file mode 100644
index 0000000000..8649a3a97d
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:00198024968c824df60423068dd317bdc7813653ce6fc2b664d62db1a4517180
+size 17795
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-nav.ico
index 889c46bff5..c3715f4196 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:44355099cefdd8eb467069d979f60fdfb8c74b02a0d32b1f3d0b3f5da9822feb
-size 15545
+oid sha256:b161bb338561cc54eb04257cb610e07d372399f5f2da3238462b0f1a03a3b8d5
+size 18577
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3.ico
index 12fcac7b36..61f373b5b5 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9177e54188ad75a1cbbea53b9108338c9a7846011611c80a6562a038a177f753
-size 1996
+oid sha256:ca4929743cdf5607f7191bae8353a512b45a58b10d108f5eef27102c96f8bb41
+size 1879
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..8aa304bb5c
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73d85b70f581f1ea3b701a471398821b50f100868d5401e1e0f9825e2d12e130
+size 20589
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
index 68c07291c1..697ba8f30a 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7d4e4671c6f416e2518d305fb8e6410a8f1cfbc8ee3e6f91eedcaa5fb0e8a54f
-size 17862
+oid sha256:f75d10875daf412ee0400c0e2b279feee7e3c45a0891b474fd93d7e24a56b253
+size 21487
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3.ico
index d4f617eed0..106263a284 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9cfdfd7690b6c0bde41336f8fa49fb5482df852e1b52c103201998f01f6cc76e
-size 2240
+oid sha256:1dcc633d0c0e9a4970f7fd7cde780b9ca50f707ee8023ffd4a093c9f50ece507
+size 2135
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..3db64fedc6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:81e6277a1242bb9bd86634d46f635c2f53acbbf6a985d7cce819f1595e997e5e
+size 22058
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
index e29b86e322..01a083f4e2 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:80d4a2ed6f1a1c8ae86efa91d123d12aa9d42412eaa475827d342b665bbed5c4
-size 18051
+oid sha256:9fa74e6983ce64b53934cbe787b1fb497b19813464938b40e53ad77c4d90b8a6
+size 21719
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
index bd62953f85..455d2054f9 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:de7a6a73daffd2a5eec5dcf42b12dcc538002bf276f156c06952a7cb665663e0
-size 2264
+oid sha256:3ba4490e8d25fdaaa0cefd2edf2aaa398eb5070ca0e067057f44dd69abe0ade1
+size 2152
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..3ca6b8cb1a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:733698920b43c3660729f21566c5e6c81ccc7b5dc9218c98fcf8d2f037f19b30
+size 21622
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
index d5a6bdfb43..29a211915b 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5445851e7b9130a87264307231db56a375a04ce0189b43caaec0460dff2859b5
-size 18007
+oid sha256:44dc705e39f46d1613965e955a0a4de4f10a605e70d1618ea7fa309926989669
+size 21691
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
index 61a9f45631..ecfec9af9e 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:85ef61124824da6514edd5abe1b360b856190a158c7e3af175aea3f6acec5263
-size 2223
+oid sha256:51c6b3d042b6c738c4ebbb9736641b810b04154a245d634a2cca15146c0ccbd1
+size 2124
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
new file mode 100644
index 0000000000..db1751bea8
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e4fd09aa50292d03e746f4ee2ec09c63784543efa6659e90f71dca392ba42c2
+size 18455
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
index 3cd9df5781..a430d46e86 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:32e5cdcfc1aa083ae514a131f2626f3624881f076ab94d7081b7d4b4e23d458d
-size 15727
+oid sha256:f52e549e0b761478a581ba43b14574fd484fd9d807d79a7a216f1798b08221de
+size 18623
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
index d7ca89ecfd..c5aa4d78a8 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d54c3ea181f5735c6e7a07f09f5a7357757d7c07cf97bf310123d27efe4dfb74
-size 2052
+oid sha256:2b9d9c56963adaa8aa2fb9b9d7244a4ddcd5d8710132e1671956055bceeb563f
+size 1871
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..50a09a41df
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54c14975758300fc7877bc1383e00f3b1012d06c495163e35cd57acb55f44f55
+size 21523
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
index 9596e0ba55..d9e391330d 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9608f36fa7b5e112c50d8ae4c18b07e010a2002a583750fd581ffa6c0a2601f7
-size 17973
+oid sha256:1d3cfa5b28b85626af6b313b4e0f2b8a9f8a61a3cc7e35adbf694ba76d3735f4
+size 21601
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
index f1f71cef67..106263a284 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7e222f3bbcc4036d9c280cc9add6a95d823df2d47afdfb247aed6907903fdc7a
-size 2221
+oid sha256:1dcc633d0c0e9a4970f7fd7cde780b9ca50f707ee8023ffd4a093c9f50ece507
+size 2135
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..75920fd799
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:78b3c61944c8491d5772d4290daeeaa24543ad9615333ba8f5c3391f85fe7598
+size 22174
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
index 1e09068905..3743c8acd8 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:24c94772c553900c7dc7e7bff00b6e331198cfdef6c313c999ca2a502b76f536
-size 18006
+oid sha256:3ef77438451a4b3cf3aa8a59275ba9e96f18229cc1c47f0646cf59dd3fe9d7d7
+size 21239
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
index 7448aee7d3..54e8b8ee42 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d2fa261a8ceba73dd833a09167d976e48441d4ed65bb7eaf09676d016a142acf
-size 2235
+oid sha256:4bf9ff9fcca99105db83d884a966c9281ca952014a4d6e9353c51e3df280a1e7
+size 2132
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..d587b8cbd9
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e302fc5722987b062c1f528f48de848969c803f42954324ae0f892aafeb53d1
+size 22257
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
index 59b0356586..a7c3851015 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:71ea4f624cf20a41417f0a6dd60885cb040a1f9c7c0a0a313077552d7d5849d9
-size 18110
+oid sha256:6479c870102e63eaa5361010b17f66f83c0acf6914b2d3b3cb16c2b5ce9c46ad
+size 21161
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
index 8f3888b142..3093fc0822 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c830fe3926c2a75de2f7ec9030cf68fb1e1deeca8b7c8217af89fb6969c335e4
-size 2245
+oid sha256:d7fc6113bc1105236f1f2c777180e0bb80a046d3b9f517288ff8296ffbcd6afd
+size 2153
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
new file mode 100644
index 0000000000..7515724270
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cd10bbdc5e96086758da85c5366a1b5b5f2ae42d388f4b566508bd9be16c8760
+size 21752
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
index c54f27e7aa..bddcf20aec 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1cad5998df92514dbfac7fdeb7420f433e7a197adf0a2fdc90487466b017c44a
-size 17741
+oid sha256:f53fbe0149c715c854f55ca51232167a49caf0e7d1459517f3a70882c477cb67
+size 19458
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
index 7f7ee0b0cb..69e4821045 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aff415154fd5b5fda61b6f1e7d760e3744fe72a8a1b0adc085edfb698ef0fdee
-size 2183
+oid sha256:8a2eeb3df585ebd1411853fe129d84c864a79a61cb04e488bccd462cc345a0d5
+size 2097
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..c83612c47a
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f84deadc7b4f313ec5897934e18505f1ce1b1ca572ab25a5da196ed687190fed
+size 22109
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
index 9902897603..211aec5b08 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:60869a26f8f69169a3d2aa1cb71274ff29a677ac3f124b31b86ba45c715230f8
-size 18021
+oid sha256:39eb4907993192443d08e92e970b7e9737f1273dd3aa3639d6da307df1c81aa6
+size 20967
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
index 4908c46a7b..8ce39aae3a 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e02c80844009e3fb65a4ae05229d4a234312ced9051d993968f06bd839e7acc6
-size 2241
+oid sha256:e46325c1ad7055740af507a8638c4feee106db425cea3026f22c4bd84772563b
+size 2144
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..132582afa2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59d19dcd8849da74142ad4cd8a7d656eecc85f7681f1230c20eb1f5d7be7cf49
+size 21183
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
index b7d25b56d3..26a370ea4c 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7eed9ab82f65f5d3982ea6a73c8da7fca724da0aa113b70a164ad23ac393d48e
-size 17827
+oid sha256:12c3d2ea4cc507eddc8ab06d05fdd7d1fb918b678e5024d90cdd49a89bdf600c
+size 21096
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3.ico
index d734cae3b2..54e8b8ee42 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d9caae7ec0cda00dfe1a7671f97334625ab5fa9883e4808ebd87015e780ddc2
-size 2190
+oid sha256:4bf9ff9fcca99105db83d884a966c9281ca952014a4d6e9353c51e3df280a1e7
+size 2132
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..dfddb94be1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:122b18d5ef77e1e67910aa097db548e80da144e6dea7eed16be47d43a37ea10c
+size 21327
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-nav.ico
index a80e88c569..0fa27363a6 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:494b753af075542520158c78d3da5e0e8823e7d3c283fbc7610e79f319bcfd99
-size 17927
+oid sha256:6c5c0f94136af0995440be9cdff25836798155f46562ea2abdca54c439bc7c24
+size 21011
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3.ico
index f90bf34ea6..3093fc0822 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0289a28845a83faed60e5a98b6086d7b1ef5febdf7137271a7ee3d28e1349a4c
-size 2228
+oid sha256:d7fc6113bc1105236f1f2c777180e0bb80a046d3b9f517288ff8296ffbcd6afd
+size 2153
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-basic.ico
new file mode 100644
index 0000000000..ca3ec838f1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3055ee076242239c2b41303905765ed1907c990901b2e0730332a4f2eb01d02a
+size 20804
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-nav.ico
index d1ebc71919..8bb359328f 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ee826a71dbb25568577cff3c3da26ca6929a3b4be7662bdff428c56584df24c8
-size 17589
+oid sha256:eec291cc9a9a5eaf13ad7622afd935b13abb03b704141aec1e0fa8ba389501ee
+size 19324
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3.ico
index e3c99981d4..69e4821045 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4fb2c479e36187729fd7db3ab2dbd7f2296196b366a69251aa108a6011b630f6
-size 2143
+oid sha256:8a2eeb3df585ebd1411853fe129d84c864a79a61cb04e488bccd462cc345a0d5
+size 2097
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..e83797a2c3
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:687a71d1386d87249d85802d4bb78e371ee6231dcb27dfab0e35519826c265c4
+size 21215
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
index a144bf9a64..9269305373 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:37be4ddd812136a78d38381005f1810daa9a8b8859511518d26e32dca56f9b99
-size 17831
+oid sha256:7df5270621644d56accf12aa38db1b6c1f16b271d1ccbd2190c544ca6d933e22
+size 20826
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3.ico
index b122cf7ebb..8ce39aae3a 100644
--- a/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-sidebarwidget-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6e7006af1e7f4e2ddb0c8b228c18ad7ddee93cb32044c5813791ae785ab229ab
-size 2217
+oid sha256:e46325c1ad7055740af507a8638c4feee106db425cea3026f22c4bd84772563b
+size 2144
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-btn-light-tonal-filled-sm-badge.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-btn-light-tonal-filled-sm-badge.ico
index 08326fa03d..d70d753bff 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-btn-light-tonal-filled-sm-badge.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-btn-light-tonal-filled-sm-badge.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9b8eadec193b88a975cc45c6c21c15d9eae86882a47d2460234639a6bcd63185
-size 4055
+oid sha256:8812ddc0d044c670b543a813a170e71f0baa28d56c40cb3fa201eab69595fe66
+size 4159
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..d416388996
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27f1a281df8745c45c410801c73f54f318e4204d2b090d00c8d60ae14f036b73
+size 25697
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
index 2f52cf9803..cc20f0fb67 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4a01dbc3df4cfd02979f1f13e6096e6e8f73916c2901c7be9d01920d1c6ba422
-size 23901
+oid sha256:73f955490489101084dc7cef7ad99ed3d6d49f5fafcfdb04ba7a366c4c13bb35
+size 28834
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3.ico
index 2ae0b275a9..f3b84f3382 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0fa1cca53a810d28e1cb205644937331dbb5e9ddc42b281b39937fe60f05c0d7
-size 3006
+oid sha256:d50bbd73d77a818a22c70239e0a5ef769dfc5fd2855edd4773a89ac81531c863
+size 2753
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..313dd48cd0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f13b7915ef046b8e92db87cdc675780b3c32a59dea2a01f14a09a4e056fc1a7a
+size 25790
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
index 82b3301501..284c09f3c7 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:38f6ca7cbc211d08525ae31553a2cfe0a3c8c15956fd670fa6297f6f0f3d657c
-size 23882
+oid sha256:7d0291459ec6e908b981768614891821bfd0a5917146001b50837f8b1af597cf
+size 28750
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3.ico
index 8b35f101a3..066eb14c89 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0aa85c80f8884b479b836cde822ba8595656fce37f415efa80485f5561acbdc4
-size 2979
+oid sha256:6f0ce2f0f167a10e9595c0d725fe5cd7503a4374ba43c3d1ba84378da8b56c27
+size 2765
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-basic.ico
new file mode 100644
index 0000000000..1b780fe847
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:82693d37f5bb531c3447365163b27878b858db62f056189365d35ddea197847d
+size 20609
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-nav.ico
index 046abcf283..c7b260ab46 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:26ea7e4e9c1d98f9d0d758c81b099e8763e2d34888ed7e6e98cd606aed7c11d6
-size 20548
+oid sha256:2890272fe0ea2d99df4995fe49a42415a98b1130cc1e4ef96f1ca6c4e4816f76
+size 24714
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3.ico
index f7ecf7b703..d370c53a11 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:34107799e9d6e81dedc8b3a4dfc34e12fcd11ff23f02a81c089f4d78f45a449c
-size 2592
+oid sha256:85252085d580b2130a3c25a500a651bbc234643266731f5824809ade4b8d8bae
+size 2422
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..9d0ac9d128
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7d90d1345a316a6148c68774ac2065129c9c3a6fe2effbe7cd1a759215ec6109
+size 25506
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
index fc4dda991d..4ac172be4c 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c0df5b4ef40954165ae8a66892ecab4e089eae13dd4b41011ec87e311c88861c
-size 23717
+oid sha256:bf8031d01aaee5a06dfb37599d07281a7980b44019b2b2e23c703931c4247bd9
+size 28661
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3.ico
index 59cbfd8d74..9823aecc29 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:576f63dfb376083eca87d4bd649755c1fc0b872697ec160b3953e77129531839
-size 2996
+oid sha256:f126cde9058a4c091057f9ef80d54d6fae918f09cf2d4889ce18dd133c77fa9b
+size 2740
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..26f4880f20
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:143e6fd8d1c4c2f45e974f320957b775d994ec5b074932ffe79d435408a99adc
+size 26622
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
index 63dc1484c2..18a9a6d5bd 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a95a21d20ec773a039ceeeb9c04f422d806bc4e1c1993653062b78daf004ca29
-size 24080
+oid sha256:5daa4c4fdae935eaa553e65d7885b8c68d974b744baa4fa0d7ad67d3e3fd63e6
+size 28990
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
index c6440fae05..f3b84f3382 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b1208ba50ca02bd3649813d0d87c89e645af6d895fc41cc2fdc638519e71b332
-size 2987
+oid sha256:d50bbd73d77a818a22c70239e0a5ef769dfc5fd2855edd4773a89ac81531c863
+size 2753
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..2c925b48df
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26ed70e21427b54e72e0327dc3033b450df2007ed1ad021da3bf6beb6b52ce52
+size 26677
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
index b36a70dba8..b1045ea837 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f089e3279b26946bac7b4fa9e3db6940d54906e12360f69615d4c04b84fed072
-size 23982
+oid sha256:29bcd6e1aa59e4dc07c5cfeeeff9a33ee347c974d520d170d10899b9ca24f785
+size 28966
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
index 746e635616..066eb14c89 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5f55b2dd28f66c632c90233d5602af459adac8f3fb201b284fa38f5684beafe2
-size 2982
+oid sha256:6f0ce2f0f167a10e9595c0d725fe5cd7503a4374ba43c3d1ba84378da8b56c27
+size 2765
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
new file mode 100644
index 0000000000..bb6a73b2c0
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0fb59c9f103f833a5c483871482516b0bec139db658f1dba3dd6da62bf7dbed9
+size 21299
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
index 2956380693..4db3426325 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:98c90be5a7bbf94298c9160c6e6fe7680cf7ce5da9f7ea407d7ea7574b324515
-size 20957
+oid sha256:bc7194055e948a4fe37f2c54249285cab3f73bf368a3672da9360e72434ce495
+size 25002
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
index 407f69e59f..a7746a1d95 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c1d3eb970634834b0b1803b1818aae77358546d461e09fd5fdb0ec09856be8ef
-size 2775
+oid sha256:347c0a0312d0c3b01585206e120c91e81766d9849abc60fbf64cf9a23b6cbdee
+size 2408
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..04cb596baa
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4a2e57193bc3d46d2422aab357328a33b107588d561827e67e0d3f2e54e44ddf
+size 26594
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
index 69d7dbd609..ae13159afe 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6e011723356dc97c8ba9c1f50e12ffd10959ff62e960a0390391b46f50aa2009
-size 23827
+oid sha256:b29f33235b9d04461ace6676264dc76de1f7c06b9ad968c74c0bd91c1eb28dbf
+size 28859
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
index 97f00a5343..9823aecc29 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:eb19fff1455fef2dd81bb39198c0cd923070037d6fe90e0a777231e8150723a5
-size 2989
+oid sha256:f126cde9058a4c091057f9ef80d54d6fae918f09cf2d4889ce18dd133c77fa9b
+size 2740
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..810ef244f2
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:87cfa3f342093c374235f2aa3c2fc676f92df1e8456cad1d8da413b1ffaf49cd
+size 28023
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
index a0042e5ec9..afc8a566b9 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c08d27dc1d74ab3cde43105060240d6ed855458219b6bfec2f744c06e3c74454
-size 24127
+oid sha256:2c21bb648986786cd20fc367035b65b1c5d60c24a5ceef793f7de1040a9d2d3a
+size 28735
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
index 3765d5c1fb..11937ce682 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b89241e3d28c4cd71601908a6e293474179d50c8d20432b2c7ce7aaafc16c08b
-size 3027
+oid sha256:b9d1862ccfb07336dde0eb20878f0db77706753bb09c63a064161a83f8f4aa87
+size 2780
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..6a68ddd768
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d43b64ada85f814a541502312bab3de0799d9e3b6de0683f9bef2995661dad4b
+size 28031
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
index 6ed00fd3ce..5dffc98263 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ecefbba30966b3622cf4789a9e13d8d3bed73c8905cb4a2ad8e50852d9833726
-size 24101
+oid sha256:6d442129c3e33b39459af1e0599098acca54a89d5fe73ca04517f4b578703a5e
+size 28682
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
index c1275bb1a8..ecda86950b 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:31b3653f1ecf065aab801d24b28c57956d80d6965650d13b79787c6d75791bd4
-size 3009
+oid sha256:0d5d35f14b554b5a34a69413cb985d1495d748e1457882506e1a1a9b6c06179a
+size 2771
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
new file mode 100644
index 0000000000..a41d138e25
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:66594cdf30a7a0659c342667fbfeae932abc6ebad86e3adf59e6010251a1771b
+size 27346
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
index 447bcdaf03..3d4476a50e 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:80b2e78656b8e42f7d6b8c9db0dfbdc17c96a74da6b039078e169ce77d116e75
-size 23853
+oid sha256:88b22a3e41a4d4ab3adbb3fe988854ae628294181c9bb44a7198284713062efb
+size 25963
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
index 7281b356f5..8220eea9ba 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:62ff4699bc5403049ab0f70fbdb494e7b9b670bd844f54f3f27895bc65168344
-size 2968
+oid sha256:af303654c9e436a960819b51ec93c32ef156713810906907b1f6183bfe5ef58b
+size 2768
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..63e041bc03
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2150c524c2d90c3361a0edcd286bb8cb5c8748349eb84a46fc1858b6b8901d18
+size 27919
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
index 145e32e4d2..0781f0b8b4 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e74b383e3317abdb659f622c4740ef11fc075f68e07a7cd5e2f60d06e63e58c5
-size 24024
+oid sha256:e56884ed0434cdb8978651170801d075974d6daa3c5c68e9f48465dd0321880d
+size 28427
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
index 35445ffc9d..56b59b713e 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:22b79472e77164379c59e11049a4224d376d3150c4b712aca89c724ae7695b67
-size 2997
+oid sha256:f7aa7c45e1c21899482d92d24db14dff7978a2557f2ddb80c4497865696f9b38
+size 2761
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..8bbf2fac21
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8b5d9d9042e6cdd0d5dc1a7149732bb46e0777ea696d28c119fcc932f5d7dfcc
+size 26508
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
index f990dd2dc0..10791988a3 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cad2397fa46b3460a26a879d0cdabe79525945167b2c0987ead772e3a6759882
-size 23930
+oid sha256:e6c5c6e5639b3435ca8ecca614c315a784adb73639f2f7a46c1ce7f719b73664
+size 28460
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3.ico
index 5cd3352f54..11937ce682 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f17d7aa6802f42fa7c2fca674bdea0e90a380cd3b02284b36a76873f040afcc0
-size 3002
+oid sha256:b9d1862ccfb07336dde0eb20878f0db77706753bb09c63a064161a83f8f4aa87
+size 2780
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..a079bb4863
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fe5a5735c9dc472498434ab51afc737fef964e779ce72be9020f272ada5644fe
+size 26474
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-nav.ico
index cd81115006..5abde43101 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:166bbbdb3240075a1b2523137e4b1bf0fcb4356f3f9b361db5b95f7be568ec80
-size 23893
+oid sha256:d183185c477e19b6a89e81445d9ede8c9dabf3c79cc4f574cac56909fcfe629b
+size 28362
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3.ico
index 1073fde7c8..ecda86950b 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:57ba440f5109ce4c922af53f6812811ba956be276819226ff33de13494631714
-size 3011
+oid sha256:0d5d35f14b554b5a34a69413cb985d1495d748e1457882506e1a1a9b6c06179a
+size 2771
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-basic.ico
new file mode 100644
index 0000000000..f5931efac6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef1f174da53f785c49bfc3c1a6b51f5b8afa7fd933bf08d7255af0dd0e7f00a9
+size 25892
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-nav.ico
index ab5179adc6..fefedc118b 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9e0c5e2f1fd4585c09b5fac74e917bdc19ea4c896a6460c7fe74db12d0ae0dbc
-size 23598
+oid sha256:776f881e1d4e3605703e6631b4124f0afed8c4fae3ebb556d7c2415488480fda
+size 25891
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3.ico
index 40220e3506..8220eea9ba 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:27db8f28935c52226012f746991fa344a40f4f21f1e173dc991e340dcd5cb3e0
-size 2929
+oid sha256:af303654c9e436a960819b51ec93c32ef156713810906907b1f6183bfe5ef58b
+size 2768
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..0900df1d86
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c5d453aea9c459de9b058f4d6c0069d9942729ef1b9efa45256f6d9341aed1e
+size 26453
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
index 33a1f9d8a6..e4d3f41429 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bb84cc86d7ba875b3058a2c96d7b82bea31c97cacf6b39816738e9696b7a64bb
-size 23841
+oid sha256:7f9baa7df999672ac8269704e016b24af59ab7a26e73fdbdb5fa1b2dd3ae044f
+size 28108
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3.ico
index ddf63fa66d..56b59b713e 100644
--- a/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-sidebarwidget-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c65f4e8c379722d6abd1a0297954af9652c9bf0017e42c976e8950543e0e4a84
-size 2975
+oid sha256:f7aa7c45e1c21899482d92d24db14dff7978a2557f2ddb80c4497865696f9b38
+size 2761
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..8d6d9a3093
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7d44dddf025f12da677204294645196b36d06c498265b6aabf1083d4544b7b4e
+size 25492
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
index 0df00702aa..54165bc212 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cccc3e4ba93e9958e3f5904f7f771295ebf1cad437f9ccd1f065bac291df140d
-size 21432
+oid sha256:1df1608ce8860b3f4770432149890b687c70cad98da50481779b538b3f72e6bf
+size 25999
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3.ico
index 6b9bfe3c42..1678cb7a27 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:af1e8c214022da931a3d21bc6f5dce591ba715b626333925e098c1556ebf663c
-size 2727
+oid sha256:9003e51d29da14ba82bbd005a82276ca5565014f243b5146c08d82d4a4fd2c7a
+size 2467
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..d9bebb0d0e
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8dd52bce1f87e3f57615ec22730d8187358511b24332b90fa151afdc06e656d4
+size 25120
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
index 2e26930e89..eee9394698 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:763475cc7cbaad8af480138c242bb6b083c0c8a86206d5e6c59dd27dd67aada7
-size 21223
+oid sha256:669e9cceb1ef036dec4a7912133addb663abb0330c226a8e0c800426d03aaf0c
+size 25670
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3.ico
index 6fbd48055c..6699ab0d86 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ad48deba5cba6bc9f98c03936cbfcb98ac3d4b9066eaff4b3597c3a1651018c8
-size 2694
+oid sha256:c8dde6d0f3042461417486b8597f6b014360f37ff9ffbea22b3202a439fb7917
+size 2469
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-basic.ico
new file mode 100644
index 0000000000..cf8bce06c6
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac42d8ec17fadf9d9280a1edfd5864466bf48f947bdaa5f105b42704757aeef2
+size 23715
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-nav.ico
index 9a347d3ed0..fc2de9a466 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ccddae42ab279812c35f92d710dbeda44c4abe027217679005b528446292167
-size 20276
+oid sha256:3210dd7987addae2c2e7dd3e9e3b01e1f584543c4f1329e544b95bf88b705a21
+size 24682
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3.ico
index 320ca9bba8..766a0fda6c 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:38ff6c3d2eeb627a7a3446a0b1578a9510b30870cc4c6d4b940d1c938a1f43d0
-size 2541
+oid sha256:151c3af1fe8cbc7e9be1e3cdb85b67dff996ddde66d5d00323b834a53c2422d4
+size 2369
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..7810e38327
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb481997331c95e79a62cadde0015ed489147f6c8cecd8fe22640c153607ca3e
+size 24772
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
index f05e17d6d1..c612ab3753 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e557df2af35e942f4084c0bf5bb97b8261bb36befbf223d1452dc28566969c5e
-size 21199
+oid sha256:d15a810674bc4805458d3e818772f8afa036bb2b237502324b747f59cf8c94e6
+size 25620
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3.ico
index 8e2eab7560..629b60c340 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6e598cd745ae716546fa904e1c091e771161163d2afd64340c716805b2ccb708
-size 2676
+oid sha256:e691c478171bd401a0ed87ec7e76aa37e52ba3993261656587f9ee4f5488b9a2
+size 2451
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
new file mode 100644
index 0000000000..a9c84e9b21
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c13ae2e3d34192333507ead994c66c25f32057c4bcdd1a36fdb88e5bdd4a97d5
+size 26436
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
index e4f41e542a..2c5a0ea9c6 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cddcf2ec65bab456c332cbe02ff644caab73e2ca210addf42b704e59301533cb
-size 21611
+oid sha256:04954561b7145d7573a0432c816cff5bfdd47f925e1231cbf2baf33d2f449aa4
+size 26188
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
index 3120755bb7..1678cb7a27 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b101afbdc4d2d0864a025455430af9de24b9e72eedf99990a04044a6b98faa5d
-size 2716
+oid sha256:9003e51d29da14ba82bbd005a82276ca5565014f243b5146c08d82d4a4fd2c7a
+size 2467
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
new file mode 100644
index 0000000000..be4db2a1a1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:125d224bb6174459d4ffb5146a3aa480a87f8e9fbf4dd6f6e0ab517db7613969
+size 26055
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
index 0471570097..2e9f1b30db 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:80c0502f5fb1ad969b10521237e59e3e8284fd5258a7c213a35c65195031bcbd
-size 21405
+oid sha256:8c775d1f36cfa5818ca4f01de101460999edc320b9d9e8d1044755068bad853e
+size 25829
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
index cd28561715..6699ab0d86 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ed0f0b57182d6adfad134768319c949e07790098763dd4ff154dfb4983777e69
-size 2696
+oid sha256:c8dde6d0f3042461417486b8597f6b014360f37ff9ffbea22b3202a439fb7917
+size 2469
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
new file mode 100644
index 0000000000..6c89aafd46
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ea4306f01263d3cfb179835ef8ef86a87282a1c4e074131bd63672470ab755a5
+size 25193
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
index 5674b96c2a..45dbc578d4 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0d5fd040635c9d5dee8d8c1ed124bd1f21a4450d5d9031c88aee3b8ca3605ddc
-size 20603
+oid sha256:4d155691ea5e7916323d6622b9102b42e43ee8f176682d2bc0033459c42b7814
+size 24218
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
index 7e75225e5b..a6638be317 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:73576ac0c6f911ecd1d7943d96f72e8036443d63f2506f015651a5d4ea4f949c
-size 2501
+oid sha256:daf4b45217583e9693b399f343f3fab801f70f2c23bbbc28689f7c827425bceb
+size 2253
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..dba85deefb
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:834ab69f4b128adeae3af372650bbc2b7f91a7d993afb262b7fb0566880f4c82
+size 25932
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
index 4e670ff5bb..8500b88887 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:59ff3bbd75ea9395aa89600d3607d7efbb27790b0c2bf2d78fc22706b83e8e0c
-size 21395
+oid sha256:1703aa95fbc7821487f0c0c74fdb31dc910cbd14a25698e3c82acc6383954459
+size 25778
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
index 3b9a016676..629b60c340 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-dark-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:01ba3b83e19bcc2595bf390fbfb4ea7a769cc2b79002b5a6448796ba62d3d610
-size 2689
+oid sha256:e691c478171bd401a0ed87ec7e76aa37e52ba3993261656587f9ee4f5488b9a2
+size 2451
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..0a0003a126
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2ce7e85625bb82c06f06dd289601ca22ed5d6349ed9b0317f1404b7a30ad371c
+size 26529
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
index 767b0ceae7..06cbd38cd8 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cfea34b05cffeaa530df33e8ba636367e38dbafcbacf96c35dad0d0c4affa878
-size 21984
+oid sha256:a64019e258d52ae86edd02f5b75f2c50dcedcd55c77dcb3dc73e710d31f8ed47
+size 25999
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
index 2b7c61f3b3..9feb6df27a 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2bdad5859b425e6552d54817ead830aeb851de4eb09afc7c6b8f6edcf5b16da7
-size 2745
+oid sha256:36ae585e8d18510da52906a6a46c7d40e2954cdcd8cb0cc79138eadc6b69f176
+size 2482
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..02b55e7723
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29f90ed60e0df059952213ddd1257ced32cd12c256efd34087391d380676f9d1
+size 26447
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
index dce2063016..721fa71365 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:34c66f97f33ea12828fc2bdab78f273a19a1b5cfd3ad075267c201f84ffae930
-size 22001
+oid sha256:cd7d78998e8df9ba7bac53f4df38a385879ea8ce2c269158f1dc6e28ddb40db9
+size 25909
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
index 8a28338320..c41171489e 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:774b092da1b77d7a6e029f483775e90fff5beef059c61f0f930e5f5fe6b77133
-size 2739
+oid sha256:cefdae1d079e8a0f85d7262eb2c502522f6a910533a31260f5081cb09981e9c8
+size 2478
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
new file mode 100644
index 0000000000..9d4c96dd36
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:698a54c06517e2b525b73edaa44618540f546746fc7e78c23a2e2cc48246b3e6
+size 26389
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
index 12ea62267b..cfadcc4cca 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:85519a8fb8c981f9b2405f9ed4dc92fe7f3dc20b43813535ae5a0b00eb6e58df
-size 21651
+oid sha256:3145c2a73150a2da8b57ee1c03fd6b3e3556408d28ba4a490ab97860aec24066
+size 25795
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
index fd1aa216e1..1b22649f4d 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a9316652ebd303e10e28c8ce4f28babe86bc8f47d8835f05f37378469fb4e5c7
-size 2679
+oid sha256:1e2f74a2967202b76374ee37ac7810beee8fb8b170866814982403f518e41c47
+size 2409
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..3d41a79a69
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8475c4b54b679349c0920ec5cf9f400a11b31fc1f320ec3d00c7ed95c7e3cbce
+size 26427
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
index 1a7ed88aab..f3f0a5baec 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:482871b32669883b82adbf0f1557334b8d704086daedb2044e02987d5b9d4600
-size 21864
+oid sha256:7ce903ef9cc92e79af796a854ad99767a7410eae652d3bdc6701f97262f4a1cb
+size 25964
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
index 0ccbae40b7..6d345bfdb9 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-highcontrast-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b6b69ca611ff92a00bf0941ebd6dc5ac26d55fea82305ddc8fdf8bcf56b6f9b0
-size 2738
+oid sha256:3c2210a7a13a56e4f2402b7885602f5406b6f4ebae2b732434f6f0776cb2600d
+size 2479
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
new file mode 100644
index 0000000000..5b6e49b6a1
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:39a70ee918a3bba3db551bcf3dc2c55646187a97b57cfe3ad378566f07398c10
+size 25048
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
index ceefd74d52..64f107d021 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:174a47f548d9ef68d1d324bac3749eb159e9a899f7be0ed1e25ab08de955971f
-size 21699
+oid sha256:5c54dd777de0e4fd0e989ce35c08b00ad837817483e1fb3614d3cbe011ee9d24
+size 25813
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3.ico
index b8cb63745d..9feb6df27a 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-blue-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ab2e4b4ade2087eb465e46e8c59e3b04bad92a73e6313aaa3fb3a1bb1aba6f1d
-size 2665
+oid sha256:36ae585e8d18510da52906a6a46c7d40e2954cdcd8cb0cc79138eadc6b69f176
+size 2482
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-basic.ico
new file mode 100644
index 0000000000..756a30d156
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f9824b8c961c3abe5bd8b0ec4f8aa030778b2769b3a631bdef76f38752dac161
+size 24988
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-nav.ico
index 377aa5468f..7159331182 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d20d5f8cd84b37bcaab63150c5cc57456f22ed3d34e19d8eb076e94993db676f
-size 21806
+oid sha256:e70fa55744ac572fccd1e2e9e9f7b3e1b7e19155d20fae99b19f27dc5994a44e
+size 25707
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3.ico
index 929dcfe552..c41171489e 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-green-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3944c9a58cf4b4143ddc41ceb7a9e095e30eff5f8903086c74c6247e2659cf5a
-size 2741
+oid sha256:cefdae1d079e8a0f85d7262eb2c502522f6a910533a31260f5081cb09981e9c8
+size 2478
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-basic.ico
new file mode 100644
index 0000000000..47fd3b897b
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3290e8d0e3146ccac5ffbafec7bcfe239cdb3c408f6d980412da9e39d6cfb9ea
+size 25192
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-nav.ico
index df9610c52a..79eda8c801 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:813ab58378b580f4173c5adcdb54a664ac0652ec9eae5ad6a9e202b436f6c4b2
-size 21373
+oid sha256:e8d883315058ca99b60dfd2daab1a952b9fe63bbc053f01c122da17f23d82883
+size 25644
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3.ico
index 7a5e150c86..1b22649f4d 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:96cc8a85726533ca8e8df4843db973dbefb823231a672fd6660bc4b30c10a0bd
-size 2603
+oid sha256:1e2f74a2967202b76374ee37ac7810beee8fb8b170866814982403f518e41c47
+size 2409
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
new file mode 100644
index 0000000000..d05f67eb34
--- /dev/null
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-basic.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d675bd1f199705318fdc4c04c5d796af0853f4cd437e0e519ebdcfeafe6ec18e
+size 25164
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
index 6a8add76d9..052737adb6 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3-nav.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:620d7ca3952759e14a061c4de9655a874cff6d27e7d31e408b4c0c1339bc7eac
-size 21719
+oid sha256:96ba97a318c6779669a421746b3f8853bc514fcc92653d9d17f8244059511b54
+size 25774
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3.ico
index 792fad80ec..6d345bfdb9 100644
--- a/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3.ico
+++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-sidebarwidget-light-yellow-ws3.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:75bd04c288814837fd48be10c5ad90279883df116ede0e671947034daa2afdcf
-size 2686
+oid sha256:3c2210a7a13a56e4f2402b7885602f5406b6f4ebae2b732434f6f0776cb2600d
+size 2479
diff --git a/packages/stacks-docs/_data/notices.json b/packages/stacks-docs/_data/notices.json
index e5c49e972b..a50c1f8aa3 100644
--- a/packages/stacks-docs/_data/notices.json
+++ b/packages/stacks-docs/_data/notices.json
@@ -65,6 +65,16 @@
       "applies": ".s-notice",
       "description": "Visual style for danger notices."
     },
+    {
+      "class": ".s-notice__featured",
+      "applies": ".s-notice",
+      "description": "Visual style for featured notices."
+    },
+    {
+      "class": ".s-notice__activity",
+      "applies": ".s-notice",
+      "description": "Visual style for activity notices."
+    },
     {
       "class": ".s-notice__important",
       "applies": ".s-notice",
diff --git a/packages/stacks-docs/_data/site-navigation.json b/packages/stacks-docs/_data/site-navigation.json
index d9d23eb950..ceec6d1970 100644
--- a/packages/stacks-docs/_data/site-navigation.json
+++ b/packages/stacks-docs/_data/site-navigation.json
@@ -335,7 +335,8 @@
                         },
                         {
                             "title": "Sidebar widgets",
-                            "url": "/product/components/sidebar-widgets/"
+                            "url": "/product/components/sidebar-widgets/",
+                            "new": true
                         },
                         {
                             "title": "Spinner",
diff --git a/packages/stacks-docs/product/components/sidebar-widgets.html b/packages/stacks-docs/product/components/sidebar-widgets.html
index 738d3332dd..0faf2b8636 100644
--- a/packages/stacks-docs/product/components/sidebar-widgets.html
+++ b/packages/stacks-docs/product/components/sidebar-widgets.html
@@ -9,87 +9,61 @@
     {% header "h2", "Basic style" %}
 
     <p class="docs-copy">
-        In its simplest form, the sidebar widget is an element with class <code class="docs-code">.s-sidebarwidget</code> and a child of class <code class="docs-code">.s-sidebarwidget--content</code>.
-        This sets up a sidebar widget with the appropriate inner spacing, and you can put into it whatever you want.
+        In its simplest form, <code class="docs-code">.s-sidebarwidget</code> is comprised of a <code class="docs-code">.s-sidebarwidget--content</code> section and optional <code class="docs-code">.s-sidebarwidget--header</code> and <code class="docs-code">.s-sidebarwidget--footer</code> sections.
+        Together these classes create a widget with appropriate inner spacing for you to put whatever you want into it.
     </p>
 
-    <p class="docs-copy">
-        By default the content is a flex container. If you require <code class="docs-code">display: block</code> instead, add the <code class="docs-code">d-block</code> class.
-    </p>
+    <div class="s-notice s-notice__info mb16" role="status">
+        <span class="s-notice--icon">{% icon "Info" %}</span>
+        <span>By default the content is a flex container. If you require <code class="docs-code">display: block</code> instead, add the <code class="docs-code">d-block</code> class.</span>
+    </div>
 
     <div class="docs-preview">
 {% highlight html %}
 <div class="s-sidebarwidget">
-    <div class="s-sidebarwidget--content d-block">
-        <div class="fs-headline1 mb8 lh-sm">
-            …
-        </div>
+    <div class="s-sidebarwidget--header">
+        <h2>…</h2>
+        <a class="s-sidebarwidget--action">…</a>
+    </div>
+    <div class="s-sidebarwidget--content">
         …
+        <button class="s-btn s-btn__tonal s-sidebarwidget--action">…</button>
     </div>
-</div>
-{% endhighlight %}
-        <div class="docs-preview--example overflow-x-auto">
-            <div class="s-sidebarwidget ws3 mx-auto">
-                <div class="s-sidebarwidget--content d-block">
-                    <div class="fs-headline1 mb8 lh-sm">
-                        13,672,187
-                    </div>
-                    questions
-                </div>
-            </div>
-        </div>
-    </div>
-
-    {% header "h3", "Simple items" %}
-    <p class="docs-copy">Oftentimes, your widget will be a list of similar, relatively simple items. By giving the <code class="docs-code">s-sidebarwidget--content</code> a modifier class <code class="docs-code">s-sidebarwidget__items</code>, and giving the items a class of <code class="docs-code">s-sidebarwidget--item</code>, the content will be spaced out nicely.</p>
-    <p class="docs-copy">In this case, each item is a flex container by default. If you require <code class="docs-code">display: block</code> instead, specifically add the <code class="docs-code">d-block</code> class to the <code class="docs-code">s-sidebarwidget--item</code>, or add the <code class="docs-code">s-sidebarwidget__block-items</code> modifier class to the <code class="docs-code">s-sidebarwidget--content</code> to make the change to <em>all</em> items.</p>
-
-    <div class="docs-preview">
-{% highlight html %}
-<div class="s-sidebarwidget">
-    <div class="s-sidebarwidget--content s-sidebarwidget__items">
-        <div class="s-sidebarwidget--item">
-            <img src="…" class="bar-md mr8">
-            <span><strong>balpha</strong> contributed 6 edits</span>
-        </div>
-        <div class="s-sidebarwidget--item">
-            <img src="…" class="bar-md mr8">
-            <span><strong>Paweł</strong> contributed 7 edits</span>
-        </div>
-        <div class="s-sidebarwidget--item">
-            <img src="…" class="bar-md mr8">
-            <span><strong>Aaron Shekey</strong> contributed 3 edits</span>
-        </div>
+    <div class="s-sidebarwidget--footer">
+        <button class="s-btn s-btn__tonal s-sidebarwidget--action">…</button>
     </div>
 </div>
 {% endhighlight %}
         <div class="docs-preview--example overflow-x-auto">
-            <div class="s-sidebarwidget ws3 mx-auto">
-                <div class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <div class="s-sidebarwidget--item">
-                        <img src="https://i.stack.imgur.com/MSY0L.jpg?s=32&amp;g=1" alt="demo avatar" width="16" height="16" class="va-text-bottom bar-md mr8">
-                        <span><strong>balpha</strong> contributed 6 edits</span>
-                    </div>
-                    <div class="s-sidebarwidget--item">
-                        <img src="https://www.gravatar.com/avatar/13eaa034bcdefa7a6de2776007f43020?s=32&d=identicon&r=P" alt="demo avatar" width="16" height="16" class="va-text-bottom bar-md mr8">
-                        <span><strong>Paweł</strong> contributed 7 edits</span>
-                    </div>
-                    <div class="s-sidebarwidget--item">
-                        <img src="https://i.stack.imgur.com/nf0QA.jpg?s=32&g=1" alt="demo avatar" width="16" height="16" class="va-text-bottom bar-md mr8">
-                        <span><strong>Aaron Shekey</strong> contributed 3 edits</span>
-                    </div>
+            <div class="s-sidebarwidget">
+                <div class="s-sidebarwidget--header">
+                    <h2>{% icon "Award", "mr8" %} Community Achievements</h2>
+                    <a class="s-sidebarwidget--action">
+                        {% icon "Plus", "mr4" %}Track
+                    </a>
+                </div>
+                <div class="s-sidebarwidget--content">
+                    You’ve earned 3 new badges this week! Keep contributing to unlock more achievements and privileges within the community.
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">View all badges</button>
+                </div>
+                <div class="s-sidebarwidget--footer">
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">See your progress</button>
                 </div>
             </div>
         </div>
     </div>
 
-    <p class="docs-copy">
-        There is built-in support for <code class="docs-code">table</code> content. The <code class="docs-code">table</code> element should have the classes <code class="docs-code">s-sidebarwidget--content s-sidebarwidget__items</code>, and the <code class="docs-code">tr</code> elements should be <code class="docs-code">s-sidebarwidget--item</code>.
-    </p>
+    <div class="s-notice s-notice__warning mb16 mtn24" role="status">
+        <span class="s-notice--icon">{% icon "Alert" %}</span>
+        <span>
+            The examples of s-sidebarwidget--header are shown with h2 elements, but the appropriate heading level may differ depending on context. 
+            Please use the appropriate heading level for your context to ensure heading levels only increase by 1.
+        </span>
+    </div>
 
-    {% header "h3", "Complex items" %}
+    {% header "h3", "Multiple content items" %}
     <p class="docs-copy">
-        If your items are more complex than that, whitespace may not be enough to separate them clearly. In this case instead of a single <code class="docs-code">s-sidebarwidget--content</code> element with multile items, use multiple <code class="docs-code">s-sidebarwidget--content</code> elements, which will be separated by subtle divider lines.
+        If different sections are required within the body of the sidebar you may use multiple <code class="docs-code">s-sidebarwidget--content</code> elements which will space things appropriately. 
     </p>
 
     <div class="docs-preview">
@@ -151,126 +125,6 @@
         </div>
     </div>
 
-    {% header "h3", "Headers" %}
-    <p class="docs-copy">
-        Besides <code class="docs-code">s-sidebarwidget--content</code>, the other possible child class is <code class="docs-code">s-sidebarwidget--header</code>, which unsurprisingly creates a header. Headers can be used both as a title for the widget, as well as to create several sections inside the widget.
-    </p>
-
-    {% tip, "warning" %}
-        The examples of <code>s-sidebarwidget--header</code> are shown shown added to <code>h2</code> elements in examples, but the appropriate heading level may differ depending on context. Please use the appropriate heading level for the context to ensure <a href="https://www.w3.org/WAI/tutorials/page-structure/headings/#heading-ranks">heading levels only increase by 1</a>.
-    {% endtip %}
-
-    <div class="docs-preview">
-{% highlight html %}
-<div class="s-sidebarwidget">
-    <h2 class="s-sidebarwidget--header">
-        Stats
-    </h2>
-    <table class="s-sidebarwidget--content s-sidebarwidget__items">
-        <tbody>
-            <tr class="s-sidebarwidget--item">
-                <td class="tc-black-350">asked</td>
-                <td>4 years, 4 months ago</td>
-            </tr>
-            <tr class="s-sidebarwidget--item">
-                <td class="tc-black-350">viewed</td>
-                <td>7,437 times</td>
-            </tr>
-            <tr class="s-sidebarwidget--item">
-                <td class="tc-black-350">active</td>
-                <td>2 months ago</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-{% endhighlight %}
-        <div class="docs-preview--example overflow-x-auto">
-            <div class="s-sidebarwidget ws3 mx-auto">
-                <h2 class="s-sidebarwidget--header" role="presentation">
-                    Stats
-                </h2>
-                <table class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <tbody>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">asked</td>
-                            <td>4 years, 4 months ago</td>
-                        </tr>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">viewed</td>
-                            <td>7,437 times</td>
-                        </tr>
-                        <tr class="s-sidebarwidget--item">
-                            <td class="tc-black-350">active</td>
-                            <td>2 months ago</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-
-    <p class="docs-copy mt24">
-        The <code class="docs-code">s-sidebarwidget__small-bold-text</code> modifier is available for headers to modify the text appearance.
-    </p>
-
-    <div class="docs-preview">
-{% highlight html %}
-<div class="s-sidebarwidget">
-    <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text">
-        Stats
-    </h2>
-    <table class="s-sidebarwidget--content s-sidebarwidget__items">
-        <tr class="s-sidebarwidget--item">
-            <td class="tc-black-350">created</td>
-            <td>9 years, 1 month ago</td>
-        </tr>
-    </table>
-    <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text">
-        Recent Hot Answers
-    </h2>
-    <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-        <li class="s-sidebarwidget--item"><a href="…">…</a></li>
-    </ul>
-</div>
-{% endhighlight %}
-        <div class="docs-preview--example overflow-x-auto">
-            <div class="s-sidebarwidget ws3 mx-auto">
-                <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text" role="presentation">
-                    Stats
-                </h2>
-                <table class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <tr class="s-sidebarwidget--item">
-                        <td class="tc-black-350">created</td>
-                        <td>9 years, 1 month ago</td>
-                    </tr>
-                    <tr class="s-sidebarwidget--item">
-                        <td class="tc-black-350">viewed</td>
-                        <td>88,020 times</td>
-                    </tr>
-                    <tr class="s-sidebarwidget--item">
-                        <td class="tc-black-350">active</td>
-                        <td>3 days ago</td>
-                    </tr>
-                    <tr class="s-sidebarwidget--item">
-                        <td class="tc-black-350">editors</td>
-                        <td>164</td>
-                    </tr>
-                </table>
-                <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text" role="presentation">
-                    Recent Hot Answers
-                </h2>
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item"><a href="#">Currying-in function and ES6 destructing</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">JSON data concatenate two data </a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Why addEventListener don`t work </a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Redux: why using Object.assign if it is not perform deep clone?</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Javascript: Why is my optimized loop slower than the more naive one</a></li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</section>
-
 <section class="docs-section">
     {% header "h2", "Alternative colors" %}
 
@@ -289,53 +143,72 @@ <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text" role="prese
             <div class="d-flex flex__allitems6 g16 md:fd-column">
                 <div>
                     <div class="s-sidebarwidget s-sidebarwidget__yellow">
-                        <h2
-                            class="s-sidebarwidget--header s-sidebarwidget__small-bold-text"
-                            role="presentation">
-                            Featured on Meta
-                        </h2>
-                        <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                            <li class="s-sidebarwidget--item">
-                                <img src="https://meta.stackoverflow.com/content/Sites/stackoverflowmeta/img/icon-32.png" alt="Meta Stack Overflow" width="16" height="16" class="mr12">
-                                <a href="#">Sunsetting Documentation</a>
-                            </li>
-                            <li class="s-sidebarwidget--item">
-                                <img src="https://meta.stackoverflow.com/content/Sites/stackoverflowmeta/img/icon-32.png" alt="Meta Stack Overflow" width="16" height="16" class="mr12">
-                                <a href="#">Documentation is read-only. What’s next?</a>
-                            </li>
-                        </ul>
-                        <h2
-                            class="s-sidebarwidget--header s-sidebarwidget__small-bold-text"
-                            role="presentation">
-                            Blog
-                        </h2>
-                        <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                            <li class="s-sidebarwidget--item"><a href="#">Introducing Channels: Private Q&A for Your Team</a></li>
-                            <li class="s-sidebarwidget--item"><a href="#">Raise Your Voice: Proclaim the Need for Net Neutrality</a></li>
-                        </ul>
+                        <div class="s-sidebarwidget--header">
+                            <h2
+                                role="presentation">
+                                Featured on Meta
+                            </h2>
+                        </div>
+                        <div class="s-sidebarwidget--content">
+                            <ul class="s-sidebarwidget--items">
+                                <li class="s-sidebarwidget--item">
+                                    <img src="https://meta.stackoverflow.com/content/Sites/stackoverflowmeta/img/icon-32.png" alt="Meta Stack Overflow" width="16" height="16" class="mr12">
+                                    <a href="#">Sunsetting Documentation</a>
+                                </li>
+                                <li class="s-sidebarwidget--item">
+                                    <img src="https://meta.stackoverflow.com/content/Sites/stackoverflowmeta/img/icon-32.png" alt="Meta Stack Overflow" width="16" height="16" class="mr12">
+                                    <a href="#">Documentation is read-only. What’s next?</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="s-sidebarwidget--header">
+                            <h2
+                                role="presentation">
+                                Blog
+                            </h2>
+                        </div>
+                        <div class="s-sidebarwidget--content">
+                            <ul class="s-sidebarwidget--items">
+                                <li class="s-sidebarwidget--item"><a href="#">Introducing Channels: Private Q&A for Your Team</a></li>
+                                <li class="s-sidebarwidget--item"><a href="#">Raise Your Voice: Proclaim the Need for Net Neutrality</a></li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
 
                 <div>
                     <div class="s-sidebarwidget s-sidebarwidget__blue mb16">
-                        <h2 class="s-sidebarwidget--header" role="presentation">Options</h2>
-                        <div class="s-sidebarwidget--content s-sidebarwidget__items">
-                            <a href="#" class="s-sidebarwidget--item s-btn">
+                        <div class="s-sidebarwidget--header">
+                            <h2 role="presentation">Options</h2>
+                        </div>
+                        <div class="s-sidebarwidget--content fd-column g8">
+                            <a href="#" class="s-sidebarwidget--item s-btn s-btn__tonal w100">
                                 Job preferences
                             </a>
-                            <a href="#" class="s-sidebarwidget--item s-btn">
+                            <a href="#" class="s-sidebarwidget--item s-btn s-btn__tonal w100">
                                 Save as PDF
                             </a>
                         </div>
-                        <div class="s-sidebarwidget--content d-block">
-                            Visibility: Public
-                            <a href="#" class="s-btn d-inline">Update privacy</a>
+                        <div class="s-sidebarwidget--content">
+                            Visibility: Public <a href="#" class="s-link s-link__underlined d-inline ml8">Update</a>
                         </div>
                     </div>
 
                     <div class="s-sidebarwidget s-sidebarwidget__green">
+                        <div class="s-sidebarwidget--header">
+                            <h2 role="presentation">
+                                Watched tags
+                            </h2>
+                            <a class="s-link s-sidebarwidget--action" href="#">
+                                Edit
+                            </a>
+                        </div>
                         <div class="s-sidebarwidget--content">
-                            Your Developer Story is searchable by employers.
+                            <div class="d-flex g4">
+                                <a class="s-tag" href="#">css</a>
+                                <a class="s-tag" href="#">html</a>
+                                <a class="s-tag" href="#">accessibility</a>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -347,10 +220,10 @@ <h2 class="s-sidebarwidget--header" role="presentation">Options</h2>
 <section class="docs-section">
     {% header "h2", "Navigation" %}
     <p class="docs-copy">
-        A common use for sidebar widgets is as a navigation block or table of contents, including a highlight of the page that the user is currently looking at.
+        A common use for sidebar widgets is as a navigation block or table of contents, including a highlight of the page/section that the user is currently looking at.
     </p>
     <p class="docs-copy">
-        The recommended pattern, as shown in the example below, is to make the <code class="docs-code">s-sidebarwidget</code> a <code class="docs-code">nav</code> element, and for each group of links to create a <code class="docs-code">ul</code> with the classes <code class="docs-code">s-sidebarwidget--content s-sidebarwidget__items</code>, within which each <code class="docs-code">li</code> is of class <code class="docs-code">s-sidebarwidget--item</code>.
+        The recommended pattern, as shown in the example below, is to make the <code class="docs-code">s-sidebarwidget</code> a <code class="docs-code">nav</code> element, and for each group of links to create a <code class="docs-code">ul</code> with the class <code class="docs-code">s-sidebarwidget--items</code>, within which each <code class="docs-code">li</code> is of class <code class="docs-code">s-sidebarwidget--item</code>.
     </p>
     <p class="docs-copy">
         The currently active navigation item should have the <code class="docs-code">aria-current</code> attribute set to <code class="docs-code">"page"</code> (if it is a direct link to the very page that the user is looking at) or <code class="docs-code">"true"</code> (in all other cases, e.g. if it is a link to a page that is conceptually a parent or the current page). This <code class="docs-code">aria-current</code> attribute should be placed on the <code class="docs-code">a</code> element.
@@ -359,58 +232,79 @@ <h2 class="s-sidebarwidget--header" role="presentation">Options</h2>
     <div class="docs-preview">
 {% highlight html %}
 <nav class="s-sidebarwidget">
-    <h2 class="s-sidebarwidget--header">
-        Personal Information
-    </h2>
-    <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-        <li class="s-sidebarwidget--item">
-            <a href="…">
-                …
-            </a>
-        </li>
-        <li class="s-sidebarwidget--item">
-            <a href="…" aria-current="page">
-                …
-            </a>
-        </li>
-    </ul>
-    <h2 class="s-sidebarwidget--header">
-        Site Settings
-    </h2>
-    <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-        <li class="s-sidebarwidget--item">
-            <a href="…">Preferences</a>
-        </li>
-        <li class="s-sidebarwidget--item">
-            <a href="…">Flair</a>
-        </li>
-    </ul>
+    <div class="s-sidebarwidget--header">
+        <h2 class="fs-subheading">
+            Personal Information
+        </h2>
+    </div>
+    <div class="s-sidebarwidget--content">
+        <ul class="s-sidebarwidget--items">
+            <li class="s-sidebarwidget--item">
+                <a href="…">
+                    Edit Profile
+                </a>
+            </li>
+            <li class="s-sidebarwidget--item">
+                <a href="…" aria-current="page">
+                    Developer Story Preferences
+                </a>
+            </li>
+            <li class="s-sidebarwidget--item">
+                <a href="…">
+                    Job Match Preferences
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div class="s-sidebarwidget--header">
+        <h2 class="fs-subheading">
+            Site Settings
+        </h2>
+    </div>
+    <div class="s-sidebarwidget--content">
+        <ul class="s-sidebarwidget--items">
+            <li class="s-sidebarwidget--item">
+                <a href="…">Preferences</a>
+            </li>
+            <li class="s-sidebarwidget--item">
+                <a href="…">Flair</a>
+            </li>
+        </ul>
+    </div>
 </nav>
 {% endhighlight %}
         <div class="docs-preview--example overflow-x-auto">
             <nav class="s-sidebarwidget ws3 mx-auto" aria-label="example nav 1">
-                <h2 class="s-sidebarwidget--header" role="presentation">
-                    Personal Information
-                </h2>
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item"><a href="#">Edit Profile</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#" aria-current="page">Developer Story Preferences</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Job Match Preferences</a></li>
-                </ul>
-                <h2 class="s-sidebarwidget--header" role="presentation">
-                    Site Settings
-                </h2>
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item"><a href="#">Preferences</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Flair</a></li>
-                </ul>
+                <div class="s-sidebarwidget--header">
+                    <h2 class="fs-subheading" role="presentation">
+                        Personal Information
+                    </h2>
+                </div>
+                <div class="s-sidebarwidget--content">
+                    <ul class="s-sidebarwidget--items">
+                        <li class="s-sidebarwidget--item"><a href="#">Edit Profile</a></li>
+                        <li class="s-sidebarwidget--item"><a href="#" aria-current="page">Developer Story Preferences</a></li>
+                        <li class="s-sidebarwidget--item"><a href="#">Job Match Preferences</a></li>
+                    </ul>
+                </div>
+                <div class="s-sidebarwidget--header">
+                    <h2 class="fs-subheading" role="presentation">
+                        Site Settings
+                    </h2>
+                </div>
+                <div class="s-sidebarwidget--content">
+                    <ul class="s-sidebarwidget--items">
+                        <li class="s-sidebarwidget--item"><a href="#">Preferences</a></li>
+                        <li class="s-sidebarwidget--item"><a href="#">Flair</a></li>
+                    </ul>
+                </div>
             </nav>
         </div>
     </div>
 
     {% header "h3", "Second-level navigation" %}
     <p class="docs-copy">
-        If you have a second level of navigation, you can add a <code class="docs-code">ul</code> of class <code class="docs-code">-subnav</code> to the top-level item. Highlighting the currently active navigation is a little more constrained in this case:
+        If you have a second level of navigation, you can add a <code class="docs-code">ul</code> of class <code class="docs-code">s-sidebarwidget--subnav</code> to the top-level item. Highlighting the currently active navigation is a little more constrained in this case:
     </p>
     <p class="docs-copy">
         If the currently active top-level element has a subnavigation, the top-level <code class="docs-code">aria-current</code> <strong>must</strong> be on the <code class="docs-code">a</code>, <em>not</em> the <code class="docs-code">li</code>.
@@ -422,254 +316,75 @@ <h2 class="s-sidebarwidget--header" role="presentation">
     <div class="docs-preview">
 {% highlight html %}
 <nav class="s-sidebarwidget">
-    <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-        <li class="s-sidebarwidget--item">
-            <a href="…">Asking</a>
-        </li>
-        <li class="s-sidebarwidget--item d-block">
-            <a href="…" aria-current="true">Our model</a>
-            <ul class="s-sidebarwidget--subnav">
-                <li>
-                    <a href="…">Be nice</a>
-                </li>
-                <li aria-current="page">
-                    <a href="…">What kind of behavior is expected of users?</a>
-                </li>
-                <li>
-                    <a href="…">How do I find topics I’m interested in?</a>
-                </li>
-            </ul>
-        </li>
-        <li class="s-sidebarwidget--item">
-            <a href="…">Reputation &amp; Moderation</a>
-        </li>
-        <li class="s-sidebarwidget--item">
-            <a href="…">Answering</a>
-        </li>
-    </ul>
-</nav>
-{% endhighlight %}
-        <div class="docs-preview--example overflow-x-auto">
-            <nav class="s-sidebarwidget ws3 mx-auto" aria-label="example nav 2">
-                <ul class="s-sidebarwidget--content s-sidebarwidget__items">
-                    <li class="s-sidebarwidget--item">
-                        <a href="#">Asking</a>
-                    </li>
-                    <li class="s-sidebarwidget--item">
-                        <a href="#">Privileges</a>
+    <div class="s-sidebarwidget--content">
+        <ul class="s-sidebarwidget--items">
+            <li class="s-sidebarwidget--item">
+                <a href="…">Asking</a>
+            </li>
+            <li class="s-sidebarwidget--item d-block">
+                <a href="…" aria-current="true">Our model</a>
+                <ul class="s-sidebarwidget--subnav">
+                    <li>
+                        <a href="…">Be nice</a>
                     </li>
-                    <li class="s-sidebarwidget--item">
-                        <a href="#">Badges</a>
+                    <li aria-current="page">
+                        <a href="…">What kind of behavior is expected of users?</a>
                     </li>
-                    <li class="s-sidebarwidget--item d-block">
-                        <a href="#" aria-current="true">Our model</a>
-                        <ul class="s-sidebarwidget--subnav">
-                            <li><a href="#">Be nice</a></li>
-                            <li aria-current="page">
-                                <a href="#">What kind of behavior is expected of users?</a>
-                            </li>
-                            <li><a href="#">How do I find topics I’m interested in?</a></li>
-                        </ul>
+                    <li>
+                        <a href="…">How do I find topics I’m interested in?</a>
                     </li>
-                    <li class="s-sidebarwidget--item"><a href="#">Reputation &amp; Moderation</a></li>
-                    <li class="s-sidebarwidget--item"><a href="#">Answering</a></li>
                 </ul>
-            </nav>
-        </div>
+            </li>
+            <li class="s-sidebarwidget--item">
+                <a href="…">Reputation &amp; Moderation</a>
+            </li>
+            <li class="s-sidebarwidget--item">
+                <a href="…">Answering</a>
+            </li>
+        </ul>
     </div>
-</section>
-
-<section class="docs-section">
-    {% header "h2", "Header actions" %}
-    <p class="docs-copy">
-        There is often a need for a header to contain a link or link-like clickable that refers to the whole widget or to the section that this header starts. We call this an “action link”, and it’s created by adding the class <code class="docs-code">s-sidebarwidget--action</code>.
-    </p>
-    <p class="docs-copy">
-        This link must come <strong>before</strong> the header text, otherwise it will not be placed correctly should the header ever wrap to multiple lines.
-    </p>
-
-    <div class="docs-preview">
-{% highlight html %}
-<div class="s-sidebarwidget">
-    <h2 class="s-sidebarwidget--header">
-        Watched Tags
-        <a class="s-sidebarwidget--action" href="…">
-            Edit
-        </a>
-    </h2>
-    <div class="s-sidebarwidget--content">
-        <div class="d-flex g4">
-            <a class="s-tag" href="…">css</a>
-            <a class="s-tag" href="…">html</a>
-            <a class="s-tag" href="…">accessibility</a>
-        </div>
-    </div>
-</div>
-{% endhighlight %}
-        <div class="docs-preview--example overflow-x-auto">
-            <div class="d-flex g16 ai-start md:fd-column">
-                <div class="s-sidebarwidget">
-                    <h2 class="s-sidebarwidget--header" role="presentation">
-                        Watched tags
-                        <a class="s-sidebarwidget--action" href="#">
-                            Edit
-                        </a>
-                    </h2>
-                    <div class="s-sidebarwidget--content">
-                        <div class="d-flex g4">
-                            <a class="s-tag" href="#">css</a>
-                            <a class="s-tag" href="#">html</a>
-                            <a class="s-tag" href="#">accessibility</a>
-                        </div>
-                    </div>
-                    <h2 class="s-sidebarwidget--header" role="presentation">
-                        Ignored tags
-                        <a class="s-sidebarwidget--action" href="#">
-                            Edit
-                        </a>
-                    </h2>
-                    <div class="s-sidebarwidget--content">
-                        <div class="d-flex g4">
-                            <a class="s-tag" href="#">twitter-bootstrap</a>
-                            <a class="s-tag" href="#">web-component</a>
-                            <a class="s-tag" href="#">internet-explorer</a>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="s-sidebarwidget">
-                    <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text" role="presentation">
-                        2 Recent searches
-                        <a class="s-sidebarwidget--action" href="#">
-                            Clear
-                        </a>
-                    </h2>
-                    <table class="s-sidebarwidget--content s-sidebarwidget__items">
-                        <tbody>
-                            <tr class="s-sidebarwidget--item">
-                                <td class="fc-orange-400 ta-right va-baseline fs-caption">64</td>
-                                <td class="va-baseline"><a href="#">remote jobs</a></td>
-                            </tr>
-                            <tr class="s-sidebarwidget--item">
-                                <td class="fc-orange-400 ta-right va-baseline fs-caption">238</td>
-                                <td class="va-baseline">
-                                    <a href="#">jobs in Berlin, Deutschland (within 20 km)</a>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-
-<section class="docs-section">
-    {% header "h2", "Accordions" %}
-    <p class="docs-copy">
-        In order to create an accordion, i.e. to make part of the sidebar widget expandable / collapsible, you can make use of <a href="{{ "/product/components/expandable" | url }}">the <code class="docs-code">s-expandable</code> component</a>.
-    </p>
-
-    <p class="docs-copy">The <code class="docs-code">s-sidebarwidget-header</code> element that controls the accordion needs a modifier class of <code class="docs-code">s-sidebarwidget__expanding-control</code> in order to display the expander arrow. Beyond that, it needs all the attributes as described for the controlling button in the <a href="{{ "/product/components/expandable#javascript" | url }}">expandable documentation</a>.</p>
-
-    <p class="docs-copy">The (one or more) content elements that are meant to be collapsed must be wrapped in the <code class="docs-code">s-expandable</code> element; inside this wrapper element there is the <code class="docs-code">s-expandable--content</code>. This can be the same element as the <code class="docs-code">s-sidebarwidget--content</code> element (if there’s only one content element that is meant to be collapsed), or it can be an additional wrapper element <em>around</em> the content element(s).</p>
-
-    <div class="docs-preview">
-{% highlight html %}
-<div class="s-sidebarwidget">
-    <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text
-                s-sidebarwidget__expanding-control"
-                aria-expanded="true"
-                aria-controls="recent-searches"
-                aria-label="toggle recent searches"
-                data-controller="s-expandable-control"
-                tabindex="0">
-        2 Recent Searches
-        <a class="s-sidebarwidget--action" href="…">
-            Clear
-        </a>
-    </h2>
-    <div class="s-expandable" id="recent-searches">
-        <div class="s-expandable--content">
-            <table class="s-sidebarwidget--content s-sidebarwidget__items">
-                <tr class="s-sidebarwidget--item">
-                    <td>…</td>
-                    <td>
-                        <a href="…">remote jobs</a>
-                    </td>
-                </tr>
-                <tr class="s-sidebarwidget--item">
-                    <td>…</td>
-                    <td>
-                        <a href="…">…</a>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</div>
+</nav>
 {% endhighlight %}
         <div class="docs-preview--example overflow-x-auto">
-            <div class="s-sidebarwidget ws3 mx-auto">
-                <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text
-                            s-sidebarwidget__expanding-control"
-                            aria-expanded="true"
-                            aria-controls="recent-searches"
-                            aria-label="toggle recent searches"
-                            data-controller="s-expandable-control"
-                            tabindex="0"
-                            role="presentation">
-                    2 Recent searches
-                    <a class="s-sidebarwidget--action" href="#">
-                        Clear
-                    </a>
-                </h2>
-                <div class="s-expandable" id="recent-searches">
-                    <div class="s-expandable--content">
-                        <table class="s-sidebarwidget--content s-sidebarwidget__items">
-                            <tbody>
-                                <tr class="s-sidebarwidget--item">
-                                    <td class="fc-orange-400 ta-right fs-caption va-bottom">64</td>
-                                    <td><a href="#">remote jobs</a></td>
-                                </tr>
-                                <tr class="s-sidebarwidget--item">
-                                    <td class="fc-orange-400 ta-right fs-caption va-bottom">238</td>
-                                    <td><a href="#">jobs in Berlin, Deutschland (within 20 km)</a></td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-                <h2 class="s-sidebarwidget--header s-sidebarwidget__small-bold-text
-                            s-sidebarwidget__expanding-control"
-                            aria-expanded="false"
-                            aria-controls="favorites"
-                            aria-label="toggle favorites"
-                            data-controller="s-expandable-control"
-                            tabindex="0"
-                            role="presentation">
-                    0 Favorites
-                </h2>
-                <div class="s-expandable" id="favorites">
-                    <div class="s-expandable--content">
-                        <div class="s-sidebarwidget--content s-sidebarwidget__items">
-                            <div class="s-sidebarwidget--item">
-                                <i>You have no favorite jobs</i>
-                            </div>
-                        </div>
-                    </div>
+            <nav class="s-sidebarwidget ws3 mx-auto" aria-label="example nav 2">
+                <div class="s-sidebarwidget--content">
+                    <ul class="s-sidebarwidget--items">
+                        <li class="s-sidebarwidget--item">
+                            <a href="#">Asking</a>
+                        </li>
+                        <li class="s-sidebarwidget--item">
+                            <a href="#">Privileges</a>
+                        </li>
+                        <li class="s-sidebarwidget--item">
+                            <a href="#">Badges</a>
+                        </li>
+                        <li class="s-sidebarwidget--item d-block">
+                            <a href="#" aria-current="true">Our model</a>
+                            <ul class="s-sidebarwidget--subnav">
+                                <li><a href="#">Be nice</a></li>
+                                <li aria-current="page">
+                                    <a href="#">What kind of behavior is expected of users?</a>
+                                </li>
+                                <li><a href="#">How do I find topics I’m interested in?</a></li>
+                            </ul>
+                        </li>
+                        <li class="s-sidebarwidget--item"><a href="#">Reputation &amp; Moderation</a></li>
+                        <li class="s-sidebarwidget--item"><a href="#">Answering</a></li>
+                    </ul>
                 </div>
-            </div>
+            </nav>
         </div>
     </div>
 </section>
 
 <script type="text/javascript">
-    $(function() {
+    document.addEventListener('DOMContentLoaded', function() {
         // Kill default behavior on empty links
-        $("a[href='#']").on("click", function(e) {
-            e.preventDefault();
-            e.stopPropagation();
+        document.querySelectorAll("a[href='#']").forEach(function(link) {
+            link.addEventListener("click", function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+            });
         });
     });
 </script>