diff --git a/.changeset/fix-alert-icons-docs-example.md b/.changeset/fix-alert-icons-docs-example.md
new file mode 100644
index 000000000..1010cd770
--- /dev/null
+++ b/.changeset/fix-alert-icons-docs-example.md
@@ -0,0 +1,5 @@
+---
+"@tabler/docs": patch
+---
+
+Fixed the missing icon spacing in the "Alerts with icons" example on the alert docs page.
diff --git a/.changeset/fix-stretched-link-btn.md b/.changeset/fix-stretched-link-btn.md
new file mode 100644
index 000000000..b93fa5c31
--- /dev/null
+++ b/.changeset/fix-stretched-link-btn.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.stretched-link` on a `.btn` so the link covers its whole container instead of only the button.
diff --git a/.changeset/fix-table-dropdown-clipping.md b/.changeset/fix-table-dropdown-clipping.md
new file mode 100644
index 000000000..2199fae01
--- /dev/null
+++ b/.changeset/fix-table-dropdown-clipping.md
@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fixed the actions dropdown in the tables and invoices demos being cut off by `.table-responsive`.
diff --git a/core/scss/helpers/_index.scss b/core/scss/helpers/_index.scss
index 2e27153e1..b0b173c10 100644
--- a/core/scss/helpers/_index.scss
+++ b/core/scss/helpers/_index.scss
@@ -41,6 +41,11 @@
     z-index: 1;
     content: '';
   }
+
+  // .btn is positioned, which would make the button itself the containing block
+  &.btn {
+    position: static;
+  }
 }
 
 //
diff --git a/docs/content/ui/components/alert.mdx b/docs/content/ui/components/alert.mdx
index 65054684d..17c31fe2d 100644
--- a/docs/content/ui/components/alert.mdx
+++ b/docs/content/ui/components/alert.mdx
@@ -113,60 +113,43 @@ Add a close button to let the user dismiss the alert. It stays on the page until
 
 An icon in front of the text repeats the type of the alert, which helps when several alerts are on the page.
 
-Use the `alert-icon` class on an `<svg>` (or on an `<i>` when using the webfont) to provide the proper styling.
+Put the icon in an `alert-icon` wrapper as the first child of the alert, and the heading and text in a second element next to it. The alert lays its children out in a row, so no extra flex wrapper is needed.
 
 <Example>
 <div class="alert alert-success" role="alert">
-  <div class="d-flex">
-    <div>
-      <Icon name="check" class="alert-icon" />
-    </div>
-    <div>
-      <h4 class="alert-heading">Wow! Everything worked!</h4>
-      <div class="text-secondary">Your account has been saved!</div>
-    </div>
+  <div class="alert-icon">
+    <Icon name="check" class="alert-icon" />
+  </div>
+  <div>
+    <h4 class="alert-heading">Wow! Everything worked!</h4>
+    <div class="alert-description">Your account has been saved!</div>
   </div>
 </div>
 <div class="alert alert-info" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <circle cx="12" cy="12" r="9" />
-        <line x1="12" y1="8" x2="12.01" y2="8" />
-        <polyline points="11 12 12 12 12 16 13 16" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-heading">Did you know?</h4>
-      <div class="text-secondary">Here is something that you might like to know.</div>
-    </div>
+  <div class="alert-icon">
+    <Icon name="info-circle" class="alert-icon" />
+  </div>
+  <div>
+    <h4 class="alert-heading">Did you know?</h4>
+    <div class="alert-description">Here is something that you might like to know.</div>
   </div>
 </div>
 <div class="alert alert-warning" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <path d="M12 9v2m0 4v.01" />
-        <path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-heading">Uh oh, something went wrong</h4>
-      <div class="text-secondary">Sorry! There was a problem with your request.</div>
-    </div>
+  <div class="alert-icon">
+    <Icon name="alert-triangle" class="alert-icon" />
+  </div>
+  <div>
+    <h4 class="alert-heading">Uh oh, something went wrong</h4>
+    <div class="alert-description">Sorry! There was a problem with your request.</div>
   </div>
 </div>
 <div class="alert alert-danger" role="alert">
-  <div class="d-flex">
-    <div>
-      <Icon name="alert-circle" class="alert-icon" />
-    </div>
-    <div>
-      <h4 class="alert-heading">I'm so sorry&hellip;</h4>
-      <div class="text-secondary">Your account has been deleted and can't be restored.</div>
-    </div>
+  <div class="alert-icon">
+    <Icon name="alert-circle" class="alert-icon" />
+  </div>
+  <div>
+    <h4 class="alert-heading">I'm so sorry&hellip;</h4>
+    <div class="alert-description">Your account has been deleted and can't be restored.</div>
   </div>
 </div>
 </Example>
diff --git a/shared/components/cards/Invoices.astro b/shared/components/cards/Invoices.astro
index 292746e41..9026bbd65 100644
--- a/shared/components/cards/Invoices.astro
+++ b/shared/components/cards/Invoices.astro
@@ -77,7 +77,7 @@ const countryNames = Object.fromEntries((countries as { code: string; name: stri
 
               <td class="text-end">
                 <div class="dropdown">
-                  <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">
+                  <button class="btn dropdown-toggle align-text-top" data-bs-toggle="dropdown" data-bs-popper-config='{"strategy":"fixed"}'>
                     Actions
                   </button>
                   <DropdownMenu right={true} />
diff --git a/shared/components/demo/Table.astro b/shared/components/demo/Table.astro
index fb5d658a5..709e8796a 100644
--- a/shared/components/demo/Table.astro
+++ b/shared/components/demo/Table.astro
@@ -92,7 +92,7 @@ const tableClasses = ['table', 'table-vcenter', mobile && 'table-mobile-md', car
                   <ButtonList class="flex-nowrap">
                     <Button text="Edit" />
                     <div class="dropdown">
-                      <button class="btn dropdown-toggle align-text-top" data-bs-toggle="dropdown">
+                      <button class="btn dropdown-toggle align-text-top" data-bs-toggle="dropdown" data-bs-popper-config='{"strategy":"fixed"}'>
                         Actions
                       </button>
                       <DropdownMenu right={true} />