diff --git a/.changeset/four-bikes-move.md b/.changeset/four-bikes-move.md
new file mode 100644
index 00000000..dd3e14d4
--- /dev/null
+++ b/.changeset/four-bikes-move.md
@@ -0,0 +1,5 @@
+---
+"reshaped": patch
+---
+
+ButtonGroup: Fixed separator color in the disabled button group
diff --git a/packages/reshaped/src/components/Button/Button.module.css b/packages/reshaped/src/components/Button/Button.module.css
index a6cf0a01..15412831 100644
--- a/packages/reshaped/src/components/Button/Button.module.css
+++ b/packages/reshaped/src/components/Button/Button.module.css
@@ -434,6 +434,10 @@
 		--rs-button-group-separator-color: rgba(var(--rs-color-rgb-white), 0.12);
 	}
 
+	&.--disabled {
+		--rs-button-group-separator-color: var(--rs-color-border-disabled) !important;
+	}
+
 	&.--full-width {
 		flex-grow: 1;
 	}
diff --git a/packages/reshaped/src/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.tsx b/packages/reshaped/src/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.tsx
index b3f3d837..82b008cd 100644
--- a/packages/reshaped/src/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.tsx
+++ b/packages/reshaped/src/components/ToggleButtonGroup/tests/ToggleButtonGroup.stories.tsx
@@ -184,6 +184,24 @@ export const selectedColor: StoryObj = {
 	),
 };
 
+export const disabled: StoryObj = {
+	name: "disabled",
+	render: () => (
+		<Example>
+			<Example.Item title="disabled">
+				<ToggleButtonGroup selectedColor="critical" value={["1"]}>
+					<ToggleButton disabled value="1" color="critical">
+						Button
+					</ToggleButton>
+					<ToggleButton disabled value="2" color="critical">
+						Button
+					</ToggleButton>
+				</ToggleButtonGroup>
+			</Example.Item>
+		</Example>
+	),
+};
+
 export const className: StoryObj = {
 	name: "className, attributes",
 	render: () => (