diff --git a/frontend/src/Components/Checkbox/Checkbox.tsx b/frontend/src/Components/Checkbox/Checkbox.tsx
index 6f6cbc158..69c0a65bb 100644
--- a/frontend/src/Components/Checkbox/Checkbox.tsx
+++ b/frontend/src/Components/Checkbox/Checkbox.tsx
@@ -8,6 +8,7 @@ export type CheckboxProps = {
   checked?: boolean;
   className?: string;
   onChange?: (...event: unknown[]) => void;
+  readOnly?: boolean;
 };
 
 export const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(({ className, ...props }, ref) => {
diff --git a/frontend/src/Pages/ComponentPage/ComponentPage.tsx b/frontend/src/Pages/ComponentPage/ComponentPage.tsx
index 70f81a5aa..1b6d87089 100644
--- a/frontend/src/Pages/ComponentPage/ComponentPage.tsx
+++ b/frontend/src/Pages/ComponentPage/ComponentPage.tsx
@@ -94,7 +94,7 @@ export function ComponentPage() {
         <h2>Checkboxes:</h2>
         <Checkbox />
         <br />
-        <Checkbox checked />
+        <Checkbox checked readOnly />
         <br />
         <Checkbox disabled />
         <br />