diff --git a/src/__tests__/vendor/tailwind/layout.test.tsx b/src/__tests__/vendor/tailwind/layout.test.tsx
index 7ace228a..21946f06 100644
--- a/src/__tests__/vendor/tailwind/layout.test.tsx
+++ b/src/__tests__/vendor/tailwind/layout.test.tsx
@@ -209,6 +209,11 @@ describe("Layout - Display", () => {
       props: { style: { display: "none" } },
     });
   });
+  test("contents", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { display: "contents" } },
+    });
+  });
   test("block", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
       props: {},
@@ -311,12 +316,6 @@ describe("Layout - Display", () => {
       warnings: { values: { display: "inline-grid" } },
     });
   });
-  test("contents", async () => {
-    expect(await renderCurrentTest()).toStrictEqual({
-      props: {},
-      warnings: { values: { display: "contents" } },
-    });
-  });
   test("list-item", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
       props: {},
diff --git a/src/compiler/declarations.ts b/src/compiler/declarations.ts
index 66fb1df1..78a01788 100644
--- a/src/compiler/declarations.ts
+++ b/src/compiler/declarations.ts
@@ -2408,7 +2408,7 @@ export function parseDisplay(
   builder: StylesheetBuilder,
 ) {
   if (value.type === "keyword") {
-    if (value.value === "none") {
+    if (value.value === "none" || value.value === "contents") {
       return value.value;
     } else {
       builder.addWarning("value", value.value);