diff --git a/src/components/ToggleButtonGroup.spec.tsx b/src/components/ToggleButtonGroup.spec.tsx
index 1e6be744..4b23660f 100644
--- a/src/components/ToggleButtonGroup.spec.tsx
+++ b/src/components/ToggleButtonGroup.spec.tsx
@@ -1,19 +1,19 @@
 import { ToggleButtonGroup } from "./ToggleButtonGroup/index";
 import renderer from "react-test-renderer";
 
-describe("ToggleButtonGroup", () => {
+describe('ToggleButtonGroup', () => {
   const childrenListWithKeys = [
-    { key: "red", value: "Red" },
-    { key: "green", value: "Green" },
-    { key: "blue", value: "Blue" },
-    { key: "yellow", value: "Yellow" },
-    { key: "orange", value: "Orange" },
+    { key: 'red', value: 'Red' },
+    { key: 'green', value: 'Green' },
+    { key: 'blue', value: 'Blue' },
+    { key: 'yellow', value: 'Yellow' },
+    { key: 'orange', value: 'Orange' },
   ];
 
   it.each`
     selectionMode
-    ${"multiple"}
-    ${"single"}
+    ${'multiple'}
+    ${'single'}
     ${undefined}
   `(
     `matches snapshot with selectionMode #selectionMode`,
@@ -22,7 +22,7 @@ describe("ToggleButtonGroup", () => {
         .create(
           <ToggleButtonGroup
             selectionMode={selectionMode}
-            selectedItems={new Set(["red"])}
+            selectedItems={new Set(['red'])}
           >
             {childrenListWithKeys}
           </ToggleButtonGroup>,
@@ -36,13 +36,13 @@ describe("ToggleButtonGroup", () => {
     const mockEvent = { continuePropagation: jest.fn() };
     const component = renderer.create(
       <ToggleButtonGroup
-        selectionMode="single"
-        selectedItems={new Set(["red"])}
+        selectionMode='single'
+        selectedItems={new Set(['red'])}
       >
         {childrenListWithKeys}
       </ToggleButtonGroup>
     );
-    const button = component.root.findByProps({ id: "red" });
+    const button = component.root.findByProps({ id: 'red' });
     button.props.onPressStart(mockEvent);
     expect(mockEvent.continuePropagation).toHaveBeenCalled();
   });
diff --git a/src/components/ToggleButtonGroup.stories.tsx b/src/components/ToggleButtonGroup.stories.tsx
index 7291917a..13a080fd 100644
--- a/src/components/ToggleButtonGroup.stories.tsx
+++ b/src/components/ToggleButtonGroup.stories.tsx
@@ -3,25 +3,25 @@ import { ToggleButtonGroup } from "./ToggleButtonGroup/index";
 import type { Key } from "react-aria-components";
 
 const childrenListWithKeys = [
-  { key: "red", value: "Red" },
-  { key: "green", value: "Green" },
-  { key: "blue", value: "Blue" },
-  { key: "yellow", value: "Yellow" },
-  { key: "orange", value: "Orange" },
+  { key: 'red', value: 'Red' },
+  { key: 'green', value: 'Green' },
+  { key: 'blue', value: 'Blue' },
+  { key: 'yellow', value: 'Yellow' },
+  { key: 'orange', value: 'Orange' },
 ];
 
 export const MultipleSelection = () => {
-  const [selectedIetms, setSelectedItems] = React.useState(new Set<Key>([]));
+  const [selectedItems, setSelectedItems] = React.useState(new Set<Key>([]));
   return (
     <>
       <ToggleButtonGroup
-        selectionMode="multiple"
-        selectedItems={selectedIetms}
+        selectionMode='multiple'
+        selectedItems={selectedItems}
         onSelectionChange={setSelectedItems}
       >
         {childrenListWithKeys}
       </ToggleButtonGroup>
-      <p>Current selections: {[...selectedIetms].join(", ")}</p>
+      <p>Current selections: {[...selectedItems].join(', ')}</p>
     </>
   );
 };
@@ -36,7 +36,7 @@ export const SingleSelection = () => {
       >
         {childrenListWithKeys}
       </ToggleButtonGroup>
-      <p>Current selections: {[...selectedItems].join(", ")}</p>
+      <p>Current selections: {[...selectedItems].join(', ')}</p>
     </>
   );
 };