diff --git a/.changeset/silly-spiders-swim.md b/.changeset/silly-spiders-swim.md
new file mode 100644
index 0000000000..494950c596
--- /dev/null
+++ b/.changeset/silly-spiders-swim.md
@@ -0,0 +1,6 @@
+---
+"@stackoverflow/stacks": patch
+"@stackoverflow/stacks-svelte": patch
+---
+
+Change popover close icon to Cross
diff --git a/packages/stacks-classic/lib/components/popover/popover.less b/packages/stacks-classic/lib/components/popover/popover.less
index d6cd27f08a..322b5b65b1 100644
--- a/packages/stacks-classic/lib/components/popover/popover.less
+++ b/packages/stacks-classic/lib/components/popover/popover.less
@@ -31,7 +31,7 @@
         float: right; // Use floats for title wrapping
         top: calc(var(--su8) * -1); // Compensate for s-popover's padding
         right: calc(var(--su8) * -1); // Compensate for s-popover's padding
-        padding: var(--su8) !important;
+        padding: var(--su6) !important;
     }
 
     & &--content {
diff --git a/packages/stacks-docs/product/components/popovers.html b/packages/stacks-docs/product/components/popovers.html
index 36b1ae275c..5bde0da468 100644
--- a/packages/stacks-docs/product/components/popovers.html
+++ b/packages/stacks-docs/product/components/popovers.html
@@ -283,7 +283,7 @@
     <div id="popover-example" class="s-popover is-visible" role="menu">
         <button class="s-popover--close s-btn s-btn__muted" aria-label="Close"
             data-action="s-popover#toggle">
-            @Svg.ClearSm
+            @Svg.Cross
         </button>
         <div class="s-popover--content">
             …
@@ -293,7 +293,7 @@
 {% endhighlight %}
         <div class="stacks-preview--example bg-black-100">
             <div class="s-popover ps-relative is-visible">
-                <button class="s-popover--close s-btn s-btn__muted" aria-label="Close">{% icon "ClearSm" %}</button>
+                <button class="s-popover--close s-btn s-btn__muted" aria-label="Close">{% icon "Cross" %}</button>
                 <div class="s-popover--content">
                     <p class="mb0">Dismissible persistent popover presented with a close button</p>
                 </div>
diff --git a/packages/stacks-svelte/src/components/Popover/PopoverCloseButton.svelte b/packages/stacks-svelte/src/components/Popover/PopoverCloseButton.svelte
index de3543f89d..7385fbfb05 100644
--- a/packages/stacks-svelte/src/components/Popover/PopoverCloseButton.svelte
+++ b/packages/stacks-svelte/src/components/Popover/PopoverCloseButton.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import Icon from "../Icon/Icon.svelte";
-    import { IconClear } from "@stackoverflow/stacks-icons-legacy/icons";
+    import { IconCross } from "@stackoverflow/stacks-icons/icons";
     import { usePopoverContext } from "./Popover.svelte";
 
     interface Props {
@@ -34,5 +34,5 @@
     type="button"
     onclick={handleClick}
 >
-    <Icon src={IconClear} />
+    <Icon src={IconCross} />
 </button>