diff --git a/src/ui/src/components/shaves/NoShaves.test.tsx b/src/ui/src/components/shaves/NoShaves.test.tsx
new file mode 100644
index 00000000..e199a34d
--- /dev/null
+++ b/src/ui/src/components/shaves/NoShaves.test.tsx
@@ -0,0 +1,21 @@
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { NoShaves } from "./NoShaves";
+
+describe("NoShaves (#966)", () => {
+  it("uses a sad face emoji instead of the stop-sign emoji (AC1)", () => {
+    render(<NoShaves />);
+
+    const title = screen.getByText(/You don't have any YakShaves yet!/i);
+    expect(title.textContent).toContain("😢");
+    expect(title.textContent).not.toContain("⛔️");
+  });
+
+  it("has no dash between the emoji and the message text (AC2)", () => {
+    render(<NoShaves />);
+
+    const title = screen.getByText(/You don't have any YakShaves yet!/i);
+    expect(title.textContent).toBe("😢 You don't have any YakShaves yet!");
+    expect(title.textContent).not.toMatch(/-\s*You don't have any YakShaves yet!/);
+  });
+});
diff --git a/src/ui/src/components/shaves/NoShaves.tsx b/src/ui/src/components/shaves/NoShaves.tsx
index c01ea7dc..3d212d15 100644
--- a/src/ui/src/components/shaves/NoShaves.tsx
+++ b/src/ui/src/components/shaves/NoShaves.tsx
@@ -10,7 +10,7 @@ export function NoShaves() {
   return (
     <Empty>
       <EmptyHeader className="gap-6 items-start!">
-        <EmptyTitle>⛔️ - You don't have any YakShaves yet!</EmptyTitle>
+        <EmptyTitle>😢 You don't have any YakShaves yet!</EmptyTitle>
         <EmptyDescription>Get started in 3 easy steps:</EmptyDescription>
       </EmptyHeader>
       <div className="flex flex-col gap-6">