diff --git a/src/components/experimental/Field/FakeInput.ts b/src/components/experimental/Field/FakeInput.ts
index 2d64ce2c..ec4c0aa6 100644
--- a/src/components/experimental/Field/FakeInput.ts
+++ b/src/components/experimental/Field/FakeInput.ts
@@ -50,5 +50,10 @@ export const FakeInput = styled.div<{ $isVisuallyFocused: boolean }>`
         border-color: ${getSemanticValue('negative')};
     }
 
+    [data-disabled] & {
+        opacity: 0.38;
+        pointer-events: none;
+    }
+
     ${props => props.$isVisuallyFocused && focusStyles}
 `;
diff --git a/src/components/experimental/Field/Wrapper.ts b/src/components/experimental/Field/Wrapper.ts
index 3bfa009d..2adb3a75 100644
--- a/src/components/experimental/Field/Wrapper.ts
+++ b/src/components/experimental/Field/Wrapper.ts
@@ -1,15 +1,6 @@
 import styled from 'styled-components';
 import { get } from '../../../utils/experimental/themeGet';
-import { FakeInput } from './FakeInput';
 
 export const Wrapper = styled.div`
     padding: ${get('space.2')} 0;
-
-    &:has(input[data-disabled]) {
-        opacity: 0.38;
-
-        ${FakeInput} {
-            pointer-events: none;
-        }
-    }
 `;