diff --git a/resources/scripts/components/elements/inputs/Checkbox.tsx b/resources/scripts/components/elements/inputs/Checkbox.tsx
index 19015c0ab..82233b15f 100644
--- a/resources/scripts/components/elements/inputs/Checkbox.tsx
+++ b/resources/scripts/components/elements/inputs/Checkbox.tsx
@@ -2,6 +2,13 @@ import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import styles from './styles.module.css';
 
-export default forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(({ className, ...props }, ref) => (
-    <input ref={ref} className={classNames('form-input', styles.text_input, className)} {...props} />
+type Props = Omit<React.ComponentProps<'input'>, 'type'>;
+
+export default forwardRef<HTMLInputElement, Props>(({ className, ...props }, ref) => (
+    <input
+        ref={ref}
+        type={'checkbox'}
+        className={classNames('form-input', styles.checkbox_input, className)}
+        {...props}
+    />
 ));
diff --git a/resources/scripts/components/elements/inputs/styles.module.css b/resources/scripts/components/elements/inputs/styles.module.css
index a58454925..3b2e521c8 100644
--- a/resources/scripts/components/elements/inputs/styles.module.css
+++ b/resources/scripts/components/elements/inputs/styles.module.css
@@ -1,4 +1,4 @@
-.checkbox {
+.checkbox_input {
     @apply w-4 h-4 rounded-sm border-neutral-500 bg-neutral-600 text-primary-500;
 
     &:focus, &:active {