diff --git a/jest.config.js b/jest.config.js
index f5b35904..1b1aa0d8 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -15,7 +15,7 @@ module.exports = {
   },
   preset: "ts-jest/presets/js-with-babel",
   setupFilesAfterEnv: ["<rootDir>jest/setup.js"],
-  snapshotSerializers: ["jest-emotion"],
+  snapshotSerializers: ["@emotion/jest/serializer"],
   globals: {
     "ts-jest": {
       diagnostics: false,
diff --git a/src/Button/Button.spec.tsx b/src/Button/Button.spec.tsx
index a03851a9..43adec60 100644
--- a/src/Button/Button.spec.tsx
+++ b/src/Button/Button.spec.tsx
@@ -6,10 +6,10 @@ import { act, render, screen } from "@testing-library/react";
 import { IconShip2 } from "../icons/IconShip2";
 import React from "react";
 import userEvent from "@testing-library/user-event";
-import { matchers } from "jest-emotion";
+import { matchers } from "@emotion/jest";
 import { colors } from "../colors";
 
-// Add the custom matchers provided by 'jest-emotion'
+// Add the custom matchers provided by '@emotion/jest'
 expect.extend(matchers);
 
 test("default button renders", () => {
diff --git a/src/Table/Table.spec.tsx b/src/Table/Table.spec.tsx
index 917d5b0e..46d96045 100644
--- a/src/Table/Table.spec.tsx
+++ b/src/Table/Table.spec.tsx
@@ -3,10 +3,10 @@ import { cleanup, render } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import { Table } from "./Table";
 import { ClassNames } from "@emotion/react";
-import { matchers } from "jest-emotion";
+import { matchers } from "@emotion/jest";
 import { colors } from "../colors";
 
-// Add the custom matchers provided by 'jest-emotion'
+// Add the custom matchers provided by '@emotion/jest'
 expect.extend(matchers);
 
 test("when passed headers in `columns`, should render them, even with no data", () => {