diff --git a/packages/nextjs/components/ProductPage/StyleOptions.tsx b/packages/nextjs/components/ProductPage/StyleOptions.tsx
index 1c110b0..4c92158 100644
--- a/packages/nextjs/components/ProductPage/StyleOptions.tsx
+++ b/packages/nextjs/components/ProductPage/StyleOptions.tsx
@@ -1,6 +1,5 @@
 import * as React from "react";
-import { H6 } from "shared-ui";
-import { Pill } from "components/Pill";
+import { H6, Pill } from "shared-ui";
 import { Style } from "utils/groqTypes/ProductList";
 
 interface Props {
diff --git a/packages/nextjs/components/ProductSort.tsx b/packages/nextjs/components/ProductSort.tsx
index cb38a38..b631793 100644
--- a/packages/nextjs/components/ProductSort.tsx
+++ b/packages/nextjs/components/ProductSort.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
+import { Pill } from "shared-ui";
 import { PAGE_QUERY_PARAM, SORT_OPTIONS, SORT_OPTIONS_ARRAY, SORT_QUERY_PARAM, SortType } from "utils/sorting";
 import { useRouterQueryParams } from "utils/useRouterQueryParams";
-import { Pill } from "./Pill";
 import { Select } from "./Select";
 
 type ProductSortProps = {
diff --git a/packages/nextjs/pages/components.tsx b/packages/nextjs/pages/components.tsx
index 9053e1f..c474662 100644
--- a/packages/nextjs/pages/components.tsx
+++ b/packages/nextjs/pages/components.tsx
@@ -1,9 +1,9 @@
 import { MdArrowForward } from "react-icons/md";
 import { Button } from "shared-ui";
 import { Input } from "shared-ui";
+import { Pill } from "shared-ui";
 import { Checkbox } from "components/Checkbox";
 import { LinkText } from "components/LinkText";
-import { Pill } from "components/Pill";
 import { Select } from "components/Select";
 
 export default function ComponentsPage() {
diff --git a/packages/nextjs/components/Pill.tsx b/packages/shared-ui/components/Pill.tsx
similarity index 100%
rename from packages/nextjs/components/Pill.tsx
rename to packages/shared-ui/components/Pill.tsx
diff --git a/packages/shared-ui/index.ts b/packages/shared-ui/index.ts
index 74f0229..af0c4db 100644
--- a/packages/shared-ui/index.ts
+++ b/packages/shared-ui/index.ts
@@ -1,4 +1,5 @@
 export * from "./components/Button/Button";
 export * from "./components/Typography";
 export * from "./components/Input";
+export * from "./components/Pill";
 export * from "./components/WeDontSellBreadBanner";