diff --git a/packages/stacks-docs/src/app.css b/packages/stacks-docs/src/app.css
index 144383921b..ff89ace739 100644
--- a/packages/stacks-docs/src/app.css
+++ b/packages/stacks-docs/src/app.css
@@ -477,7 +477,9 @@ h1 {
 .docs-nav .docs-li {
     list-style: none;
 }
+.docs-copy .docs-link,
 .docs-link {
+    color: var(--theme-link-color, var(--black-600));
     font-weight: 500;
 }
 
diff --git a/packages/stacks-docs/src/components/BannerPreview.svelte b/packages/stacks-docs/src/components/BannerPreview.svelte
index 568c03573f..1aeddab40a 100644
--- a/packages/stacks-docs/src/components/BannerPreview.svelte
+++ b/packages/stacks-docs/src/components/BannerPreview.svelte
@@ -24,6 +24,6 @@
         <strong>Stacks is currently frozen in read-only mode.</strong> Contact the team to restore access.
     </span>
     <div class="s-banner--actions">
-        <button type="button" class="s-link s-banner--dismiss"><Icon src={IconCross} /></button>
+        <button type="button" class="s-link s-banner--dismiss" aria-label="Dismiss banner"><Icon src={IconCross} /></button>
     </div>
 </aside>
diff --git a/packages/stacks-docs/src/components/ClassTable.svelte b/packages/stacks-docs/src/components/ClassTable.svelte
index c6a6381676..ac57fef385 100644
--- a/packages/stacks-docs/src/components/ClassTable.svelte
+++ b/packages/stacks-docs/src/components/ClassTable.svelte
@@ -117,7 +117,7 @@
                             {:else}
                                 {@const val = String((row as Record<string, unknown>)[col] ?? '')}
                                 {#if val === 'N/A'}
-                                    <span class="fc-black-350">N/A</span>
+                                    <span class="fc-black-400">N/A</span>
                                 {:else if val.startsWith('.')}
                                     <code>{val}</code>
                                 {:else}
diff --git a/packages/stacks-docs/src/docs/public/system/base/overflow.md b/packages/stacks-docs/src/docs/public/system/base/overflow.md
index 53c3ce0615..e60971268d 100644
--- a/packages/stacks-docs/src/docs/public/system/base/overflow.md
+++ b/packages/stacks-docs/src/docs/public/system/base/overflow.md
@@ -82,7 +82,7 @@ description: Atomic overflow classes allow you to change an element's overflow p
 ```
 
 <Example>
-    <div class="overflow-x-auto d-grid grid__3 sm:grid__2 md:grid__3 lg:grid__2 g16 fs-caption ff-mono pb64" tabindex="0">
+    <div class="overflow-x-auto d-grid grid__3 sm:grid__2 md:grid__3 lg:grid__2 g16 fs-caption ff-mono pb64" tabindex="0" role="region" aria-label="Overflow examples">
         <div>
             <div class="mb4">.overflow-auto</div>
             <div class="ba bc-black-225 pt32 hs2 overflow-auto">
diff --git a/packages/stacks-docs/src/docs/public/system/components/buttons.md b/packages/stacks-docs/src/docs/public/system/components/buttons.md
index 0dee0b6a3a..6e8c08c2b4 100644
--- a/packages/stacks-docs/src/docs/public/system/components/buttons.md
+++ b/packages/stacks-docs/src/docs/public/system/components/buttons.md
@@ -201,7 +201,9 @@ Each button class has a selected state which can be visually activated by applyi
 </script>
 ```
 
-<ToggleButtonDemo />
+<Example>
+    <ToggleButtonDemo />
+</Example>
 
 ## Additional styles
 
diff --git a/packages/stacks-docs/src/docs/public/system/components/buttons/AnchorButtonTable.svelte b/packages/stacks-docs/src/docs/public/system/components/buttons/AnchorButtonTable.svelte
index 17e1dc4a1e..f0b128c3c6 100644
--- a/packages/stacks-docs/src/docs/public/system/components/buttons/AnchorButtonTable.svelte
+++ b/packages/stacks-docs/src/docs/public/system/components/buttons/AnchorButtonTable.svelte
@@ -51,7 +51,7 @@
                 <Button href="#" class="ws-nowrap" {variant} {weight}>Ask question</Button>
               </td>
               <td class="va-middle ta-center px4">
-                <Button href="#" class="ws-nowrap" {variant} {weight} selected aria-pressed="true">Ask question</Button>
+                <Button href="#" class="ws-nowrap" {variant} {weight} selected>Ask question</Button>
               </td>
               <td class="va-middle ta-center px4">
                 <Button href="#" class="ws-nowrap" {variant} {weight} disabled>Ask question</Button>
diff --git a/packages/stacks-docs/src/routes/+page.svelte b/packages/stacks-docs/src/routes/+page.svelte
index 18c3e9617b..89f4f32c30 100644
--- a/packages/stacks-docs/src/routes/+page.svelte
+++ b/packages/stacks-docs/src/routes/+page.svelte
@@ -77,7 +77,7 @@
       >
         <div class="p6 as-start {theme[category.title].iconClasses}"><Icon class="h24 w24" src={theme[category.title].icon} /></div>
         <h2 class="mt-auto fs-headline1 mb8">{category.title}</h2>
-        <p class="mb0 fs-body2 fc-black-300">{category.description}</p>
+        <p class="mb0 fs-body2 fc-black-250 d:fc-black-400">{category.description}</p>
       </a>
     {/each}
   </div>
diff --git a/packages/stacks-svelte/src/components/Button/Button.test.ts b/packages/stacks-svelte/src/components/Button/Button.test.ts
index dc8b16252e..a5f98dc5b6 100644
--- a/packages/stacks-svelte/src/components/Button/Button.test.ts
+++ b/packages/stacks-svelte/src/components/Button/Button.test.ts
@@ -21,6 +21,13 @@ describe("Button", () => {
         expect(screen.getByRole("link")).to.have.text("test btn");
     });
 
+    it("should preserve link semantics when selected", () => {
+        render(Button, { href: "#", selected: true, children });
+
+        expect(screen.getByRole("link")).not.to.have.attribute("aria-pressed");
+        expect(screen.queryByRole("button")).not.to.exist;
+    });
+
     it("should render the badge within the button", () => {
         render(Button, {
             children,