diff --git a/packages/components/index.ts b/packages/components/index.ts
index 87444630..8914ca88 100644
--- a/packages/components/index.ts
+++ b/packages/components/index.ts
@@ -1,7 +1,6 @@
 import { Box, BoxProps, BoxType } from "./lib/components/Box/Box";
 import { Button, ButtonProps } from "./lib/components/Button/Button";
 import { Card, CardProps } from "./lib/components/Card/Card";
-import { Checkbox, CheckboxProps } from "./lib/components/Checkbox/Checkbox";
 import { Code, CodeProps } from "./lib/components/Code/Code";
 import {
     Dropdown,
@@ -97,7 +96,6 @@ export type {
     BoxType,
     ButtonProps,
     CardProps,
-    CheckboxProps,
     CodeProps,
     DropdownProps,
     DropdownItemProps,
@@ -138,7 +136,6 @@ export {
     Box,
     Button,
     Card,
-    Checkbox,
     Code,
     Dropdown,
     DropdownItem,
diff --git a/packages/components/lib/components/Checkbox/Checkbox.sass b/packages/components/lib/components/Checkbox/Checkbox.sass
deleted file mode 100644
index 4d9a94a1..00000000
--- a/packages/components/lib/components/Checkbox/Checkbox.sass
+++ /dev/null
@@ -1,30 +0,0 @@
-@use "../../styles/colors"
-@use "../../styles/dimensions"
-
-.checkbox
-    display: flex
-    align-items: center
-    justify-content: center
-    min-height: dimensions.$component-small-height
-    min-width: dimensions.$component-small-height
-    max-height: dimensions.$component-small-height
-    max-width: dimensions.$component-small-height
-    border-radius: 50%
-    background-color: colors.$bg-secondary
-    border: 1px solid colors.$bg-tertiary-hover
-    outline: none
-
-    & input[type="checkbox"]
-        display: none
-
-    &-checked
-        background-color: colors.$bg-accent
-        border: 1px solid colors.$bg-accent
-        color: colors.$fg-accent
-
-    & &-icon
-        display: none
-        font-size: 22px
-
-    &-checked &-icon
-        display: block
diff --git a/packages/components/lib/components/Checkbox/Checkbox.stories.tsx b/packages/components/lib/components/Checkbox/Checkbox.stories.tsx
deleted file mode 100644
index 5cf0ad6e..00000000
--- a/packages/components/lib/components/Checkbox/Checkbox.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Checkbox } from "./Checkbox.tsx";
-import { useState } from "react";
-
-const meta: Meta<typeof Checkbox> = {
-    title: "Components/Checkbox",
-    component: Checkbox,
-    tags: ["autodocs"],
-};
-
-type Story = StoryObj<typeof Checkbox>;
-
-export const Normal: Story = {
-    argTypes: {
-        checked: {
-            control: "boolean",
-        },
-        onClick: { action: "onClick" },
-    },
-    render: function Render(props) {
-        const [checked, setChecked] = useState<boolean>(true);
-        return (
-            <Checkbox
-                {...props}
-                checked={checked}
-                onClick={() => setChecked((c) => !c)}
-            />
-        );
-    },
-};
-
-export default meta;
diff --git a/packages/components/lib/components/Checkbox/Checkbox.tsx b/packages/components/lib/components/Checkbox/Checkbox.tsx
deleted file mode 100644
index 10297823..00000000
--- a/packages/components/lib/components/Checkbox/Checkbox.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { MaterialIcon } from "../MaterialIcon/MaterialIcon";
-import cx from "classnames";
-import "./Checkbox.sass";
-import { HTMLAttributes } from "react";
-
-export type CheckboxProps = HTMLAttributes<HTMLDivElement> & {
-    checked?: boolean;
-};
-
-export function Checkbox(props: Readonly<CheckboxProps>) {
-    const { checked, className, ...others } = props;
-
-    return (
-        <div
-            className={cx(
-                "checkbox",
-                {
-                    "checkbox-checked": checked,
-                },
-                className
-            )}
-            {...others}
-        >
-            <input type="checkbox" />
-            <MaterialIcon icon="check" className="checkbox-icon" />
-        </div>
-    );
-}