diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 70ff5a39d3..1137d25c4b 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -16831,7 +16831,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1
   class="config-space-compact config-space-compact-block config-dropdown-button"
 >
   <button
-    class="config-btn config-btn-default config-btn-compact-item config-btn-compact-first-item"
+    class="config-btn config-btn-default config-btn-lg config-btn-compact-item config-btn-compact-first-item"
     type="button"
   >
     <span>
@@ -16839,7 +16839,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1
     </span>
   </button>
   <button
-    class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
+    class="config-btn config-btn-default config-btn-lg config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
     type="button"
   >
     <span
@@ -16909,7 +16909,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize small 1
   class="config-space-compact config-space-compact-block config-dropdown-button"
 >
   <button
-    class="config-btn config-btn-default config-btn-compact-item config-btn-compact-first-item"
+    class="config-btn config-btn-default config-btn-sm config-btn-compact-item config-btn-compact-first-item"
     type="button"
   >
     <span>
@@ -16917,7 +16917,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize small 1
     </span>
   </button>
   <button
-    class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
+    class="config-btn config-btn-default config-btn-sm config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
     type="button"
   >
     <span
diff --git a/components/space/Compact.tsx b/components/space/Compact.tsx
index 4168cf1586..47c64cc538 100644
--- a/components/space/Compact.tsx
+++ b/components/space/Compact.tsx
@@ -5,6 +5,7 @@ import * as React from 'react';
 import type { DirectionType } from '../config-provider';
 import { ConfigContext } from '../config-provider';
 import type { SizeType } from '../config-provider/SizeContext';
+import SizeContext from '../config-provider/SizeContext';
 
 import useStyle from './style';
 
@@ -64,9 +65,10 @@ const CompactItem: React.FC<React.PropsWithChildren<SpaceCompactItemContextType>
 
 const Compact: React.FC<SpaceCompactProps> = (props) => {
   const { getPrefixCls, direction: directionConfig } = React.useContext(ConfigContext);
+  const sizeInContext = React.useContext(SizeContext);
 
   const {
-    size = 'middle',
+    size = sizeInContext || 'middle',
     direction,
     block,
     prefixCls: customizePrefixCls,
diff --git a/components/space/__tests__/space-compact.test.tsx b/components/space/__tests__/space-compact.test.tsx
index 8bced0fff2..12e5eda7dd 100644
--- a/components/space/__tests__/space-compact.test.tsx
+++ b/components/space/__tests__/space-compact.test.tsx
@@ -7,6 +7,7 @@ import { render } from '../../../tests/utils';
 import AutoComplete from '../../auto-complete';
 import Button from '../../button';
 import Cascader from '../../cascader';
+import ConfigProvider from '../../config-provider';
 import DatePicker from '../../date-picker';
 import Drawer from '../../drawer';
 import Dropdown from '../../dropdown';
@@ -311,4 +312,29 @@ describe('Space.Compact', () => {
         ?.classList.contains('ant-picker-compact-item'),
     ).toBe(false);
   });
+
+  // https://github.com/ant-design/ant-design/issues/41876
+  it('Space.Compact should inherit the size from ConfigProvider if the componentSize is set', () => {
+    const { container } = render(
+      <ConfigProvider componentSize="large">
+        <Space.Compact>
+          <Select placeholder="Select" />
+        </Space.Compact>
+      </ConfigProvider>,
+    );
+
+    expect(container.querySelectorAll('.ant-select-lg')).toHaveLength(1);
+  });
+
+  it('The size property of Space.Compact should have an higher priority over the componentSize property of ConfigProvider', () => {
+    const { container } = render(
+      <ConfigProvider componentSize="large">
+        <Space.Compact size="small">
+          <Select placeholder="Select" />
+        </Space.Compact>
+      </ConfigProvider>,
+    );
+
+    expect(container.querySelectorAll('.ant-select-sm')).toHaveLength(1);
+  });
 });