diff --git a/src/__tests__/vendor/tailwind/sizing.test.tsx b/src/__tests__/vendor/tailwind/sizing.test.tsx
index 719470a6..a8b0ca07 100644
--- a/src/__tests__/vendor/tailwind/sizing.test.tsx
+++ b/src/__tests__/vendor/tailwind/sizing.test.tsx
@@ -239,3 +239,55 @@ describe("Sizing - Max Height", () => {
     });
   });
 });
+
+describe("Sizing - Size", () => {
+  test("size-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { width: 0, height: 0 } },
+    });
+  });
+  test("size-px", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { width: 1, height: 1 } },
+    });
+  });
+  test("size-1", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { width: 3.5, height: 3.5 } },
+    });
+  });
+  test("size-1/2", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { width: "50%", height: "50%" } },
+    });
+  });
+  test("size-full", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { width: "100%", height: "100%" } },
+    });
+  });
+  test("size-auto", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      warnings: { values: { width: "auto", height: "auto" } },
+    });
+  });
+  test("size-min", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      warnings: { values: { width: "min-content", height: "min-content" } },
+    });
+  });
+  test("size-max", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      warnings: { values: { width: "max-content", height: "max-content" } },
+    });
+  });
+  test("size-fit", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      warnings: { values: { width: "fit-content", height: "fit-content" } },
+    });
+  });
+});