diff --git a/ui/components/shadcn/combobox/combobox.test.tsx b/ui/components/shadcn/combobox/combobox.test.tsx
index 928472f0eb..a15b5797d1 100644
--- a/ui/components/shadcn/combobox/combobox.test.tsx
+++ b/ui/components/shadcn/combobox/combobox.test.tsx
@@ -101,6 +101,24 @@ describe("Combobox", () => {
expect(unselectedCheck).toHaveClass("scale-95", "opacity-0");
});
+ it("degrades the loading spinner animation under reduced motion", async () => {
+ // Given
+ const user = userEvent.setup();
+ render(
+ ,
+ );
+
+ // When
+ await user.click(
+ screen.getByRole("combobox", { name: /select provider/i }),
+ );
+ const content = document.querySelector("[data-slot='popover-content']");
+ const spinner = content?.querySelector("svg");
+
+ // Then
+ expect(spinner).toHaveClass("animate-spin", "motion-reduce:animate-none");
+ });
+
it("opens with the shared Popover content motion contract", async () => {
// Given
const user = userEvent.setup();
diff --git a/ui/components/shadcn/combobox/combobox.tsx b/ui/components/shadcn/combobox/combobox.tsx
index 90493f62aa..b8d32bb80f 100644
--- a/ui/components/shadcn/combobox/combobox.tsx
+++ b/ui/components/shadcn/combobox/combobox.tsx
@@ -139,7 +139,7 @@ export function Combobox({
{loading && (
-
+
{loadingMessage}
)}