diff --git a/src/elements/checkbox/checkbox/readme.md b/src/elements/checkbox/checkbox/readme.md
index a47cae7b99..cf8937047d 100644
--- a/src/elements/checkbox/checkbox/readme.md
+++ b/src/elements/checkbox/checkbox/readme.md
@@ -43,10 +43,12 @@ The component can be displayed in `disabled` or `required` state by using the se
 
 ## Style
 
-The component has two `size`, named `s` and `m` (default).
+The component has three `size`, named `xs`, `s` and `m` (default).
 
 ```html
-<sbb-checkbox value="size" size="m">Size</sbb-checkbox>
+<sbb-checkbox value="size" size="xs">Size</sbb-checkbox>
+
+<sbb-checkbox value="size" size="a">Size</sbb-checkbox>
 ```
 
 The component's label can be displayed in bold using the `sbb-text--bold` class on a wrapper tag:
diff --git a/src/elements/visual-checkbox/readme.md b/src/elements/visual-checkbox/readme.md
index e854a06159..42ff91cb3b 100644
--- a/src/elements/visual-checkbox/readme.md
+++ b/src/elements/visual-checkbox/readme.md
@@ -12,6 +12,16 @@ It has four different states related to the properties `checked`, `indeterminate
 - an indeterminate state (`checked` unset and `indeterminate` set to `true`): a horizontal line is displayed in the square;
 - a disabled state (`disabled` set to `true`): a grayed out empty square is shown.
 
+## Style
+
+The component has three `size`, named `xs`, `s` and `m` (default).
+
+```html
+<sbb-visual-checkbox size="xs"></sbb-visual-checkbox>
+
+<sbb-visual-checkbox size="a"></sbb-visual-checkbox>
+```
+
 <!-- Auto Generated Below -->
 
 ## Properties
@@ -22,4 +32,4 @@ It has four different states related to the properties `checked`, `indeterminate
 | `disabled`      | `disabled`      | public  | `boolean`         | `false` | Whether the component is disabled. |
 | `indeterminate` | `indeterminate` | public  | `boolean`         | `false` | Indeterminate state.               |
 | `negative`      | `negative`      | public  | `boolean`         | `false` | Negative coloring variant flag.    |
-| `size`          | `size`          | public  | `SbbCheckboxSize` | `'m'`   | Indeterminate state.               |
+| `size`          | `size`          | public  | `SbbCheckboxSize` | `'m'`   | Size of the checkbox.              |
diff --git a/src/elements/visual-checkbox/visual-checkbox.ts b/src/elements/visual-checkbox/visual-checkbox.ts
index 725357dedd..8234a4c820 100644
--- a/src/elements/visual-checkbox/visual-checkbox.ts
+++ b/src/elements/visual-checkbox/visual-checkbox.ts
@@ -20,7 +20,7 @@ export class SbbVisualCheckboxElement extends SbbDisabledMixin(SbbNegativeMixin(
   /** Indeterminate state. */
   @property({ reflect: true, type: Boolean }) public indeterminate = false;
 
-  /** Indeterminate state. */
+  /** Size of the checkbox. */
   @property({ reflect: true }) public size: SbbCheckboxSize = 'm';
 
   protected override render(): TemplateResult {