diff --git a/apps/pwa/src/app/index.test.tsx b/apps/pwa/src/app/index.test.tsx
deleted file mode 100644
index bbc707df..00000000
--- a/apps/pwa/src/app/index.test.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { cleanup, render } from '@testing-library/react';
-import App from '.';
-
-afterEach(cleanup);
-
-it('CheckboxWithLabel changes the text after click', () => {
-  const { container } = render(<App />);
-  expect(container.children.length).not.toBe(0);
-});
diff --git a/apps/pwa/src/components/label/index.test.tsx b/apps/pwa/src/components/label/index.test.tsx
new file mode 100644
index 00000000..a3ecf295
--- /dev/null
+++ b/apps/pwa/src/components/label/index.test.tsx
@@ -0,0 +1,9 @@
+import { cleanup, render } from '@testing-library/react';
+import Label from '.';
+
+afterEach(cleanup);
+
+test('component label', () => {
+  const { container } = render(<Label label="标签" />);
+  expect(container.children.length).toBe(1);
+});
diff --git a/apps/pwa/src/components/label.tsx b/apps/pwa/src/components/label/index.tsx
similarity index 96%
rename from apps/pwa/src/components/label.tsx
rename to apps/pwa/src/components/label/index.tsx
index 023bc6db..0496f22b 100644
--- a/apps/pwa/src/components/label.tsx
+++ b/apps/pwa/src/components/label/index.tsx
@@ -1,7 +1,7 @@
 import upperCaseFirstLetter from '@/style/capitalize';
 import { ForwardedRef, forwardRef, HtmlHTMLAttributes, ReactNode } from 'react';
 import styled from 'styled-components';
-import { CSSVariable } from '../global_style';
+import { CSSVariable } from '../../global_style';
 
 const Style = styled.label`
   > .top {
diff --git a/package.json b/package.json
index a3eaa132..f86f1a1a 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "cicada",
   "description": "A multi-user music service for self-hosting.",
   "private": true,
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mebtte/cicada.git"