diff --git a/contributing.md b/contributing.md
index e53b6efaea3..085c8d11939 100644
--- a/contributing.md
+++ b/contributing.md
@@ -350,7 +350,7 @@ function foo() {}
    Стоит избегать общих слов, таких как "change". Вместо этого опишите в чем конкретно произошло изменение.
 
    Примеры:
-   - validationsRemoveExtraSpans - Избавиться от обертки span в ValidationContainer, ValidationWrapper и ValidationText
+   - validationsDivWrapper - Поменять обертку span на div c 'display: inline' чтобы соответсвовать w3c стандарту в ValidationContainer, ValidationWrapper и ValidationText
    - tokenInputRemoveWhitespaceFromDefaultDelimiters - В TokenInput изменили разделитель по умолчанию
 
 2) Добавьте флаг в ReactUIFeatureFlags в файл ReactUIFeatureFlagsContext.tsx и в документацию FEATUREFLAGSCONTEXT.md
diff --git a/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsContext.md b/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsContext.md
index 66799207c0d..52a24742d3f 100644
--- a/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsContext.md
+++ b/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsContext.md
@@ -3,7 +3,7 @@
 ## Доступные флаги
 
     export interface ValidationsFeatureFlags {
-      validationsRemoveExtraSpans?: boolean;
+      validationsDivWrapper?: boolean;
       fixedValidationTextColors?: boolean;
       darkTheme?: boolean;
     }
@@ -14,16 +14,16 @@
 
     import { ValidationsFeatureFlagsContext } from '@skbkontur/react-ui-validations'
 
-    <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>{/* ... */}</ValidationsFeatureFlagsContext.Provider>;
+    <ValidationsFeatureFlagsContext.Provider value={{ validationsDivWrapper: true }}>{/* ... */}</ValidationsFeatureFlagsContext.Provider>;
 
 ## Использование
 
-### validationsRemoveExtraSpans
+### validationsDivWrapper
 
 В ValidationContainer, ValidationWrapper и ValidationText из корня удалён лишний span.
 В Validations 2.0 фича будет применена по умолчанию.
 
-    !!DemoWithCode!!FeatureFlagsExamplevalidationsRemoveExtraSpans
+    !!DemoWithCode!!FeatureFlagsExampleValidationsRemoveDivWrapper
 
 
 ### fixedValidationTextColors
diff --git a/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveExtraSpans.demo.tsx b/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveDivWrapper.demo.tsx
similarity index 90%
rename from packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveExtraSpans.demo.tsx
rename to packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveDivWrapper.demo.tsx
index 15db394f1e7..919e290cd97 100644
--- a/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveExtraSpans.demo.tsx
+++ b/packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveDivWrapper.demo.tsx
@@ -13,7 +13,7 @@ interface CheckboxState {
   checked: boolean;
 }
 
-export default class FeatureFlagsExampleValidationsWrapperAndContainerRemoveExtraSpan extends React.Component {
+export default class FeatureFlagsExampleValidationsWrapperAndContainerDivWrapper extends React.Component {
   public state: CheckboxState = {
     checked: false,
   };
@@ -31,9 +31,7 @@ export default class FeatureFlagsExampleValidationsWrapperAndContainerRemoveExtr
 
   render() {
     return (
-      <ValidationsFeatureFlagsContext.Provider
-        value={{ validationsRemoveExtraSpans: true }}
-      >
+      <ValidationsFeatureFlagsContext.Provider value={{ validationsDivWrapper: true }}>
         <ValidationContainer ref={this.refContainer}>
           <ValidationWrapper validationInfo={this.validateSex()}>
             <Checkbox
diff --git a/packages/react-ui-validations/src/ValidationContextWrapper.tsx b/packages/react-ui-validations/src/ValidationContextWrapper.tsx
index a50e1516c28..0c3b6242d21 100644
--- a/packages/react-ui-validations/src/ValidationContextWrapper.tsx
+++ b/packages/react-ui-validations/src/ValidationContextWrapper.tsx
@@ -9,6 +9,7 @@ import { ValidationWrapperInternal } from './ValidationWrapperInternal';
 import type { ScrollOffset, ValidateArgumentType } from './ValidationContainer';
 import { isNullable } from './utils/isNullable';
 import { FocusMode } from './FocusMode';
+import { InlineDiv } from './utils/InlineDiv';
 
 export interface ValidationContextSettings {
   scrollOffset: ScrollOffset;
@@ -165,8 +166,8 @@ export class ValidationContextWrapper extends React.Component<ValidationContextW
   private featureFlags!: ValidationsFeatureFlags;
 
   private children = (flags: ValidationsFeatureFlags) => {
-    if (flags.validationsRemoveExtraSpans) {
-      return this.props.children;
+    if (flags.validationsDivWrapper) {
+      return <InlineDiv>{this.props.children}</InlineDiv>;
     }
 
     return <span>{this.props.children}</span>;
diff --git a/packages/react-ui-validations/src/ValidationText.tsx b/packages/react-ui-validations/src/ValidationText.tsx
index be3f283d48d..efa622c6623 100644
--- a/packages/react-ui-validations/src/ValidationText.tsx
+++ b/packages/react-ui-validations/src/ValidationText.tsx
@@ -20,19 +20,13 @@ export const ValidationText = ({ pos, children, validation, 'data-tid': dataTid
     : '#d43517';
 
   if (pos === 'right') {
-    const childrenAndValidationText = (
-      <>
+    return (
+      <span style={{ display: 'inline-block' }}>
         {children}
         <span data-tid={dataTid} data-validation-message="text" style={{ marginLeft: '10px', color }}>
           {(validation && validation.message) || ''}
         </span>
-      </>
-    );
-
-    return featureFlags.validationsRemoveExtraSpans ? (
-      childrenAndValidationText
-    ) : (
-      <span style={{ display: 'inline-block' }}>{childrenAndValidationText}</span>
+      </span>
     );
   }
 
@@ -53,12 +47,7 @@ export const ValidationText = ({ pos, children, validation, 'data-tid': dataTid
     </span>
   );
 
-  return featureFlags.validationsRemoveExtraSpans ? (
-    <>
-      {children}
-      <span style={{ position: 'absolute', display: 'block' }}>{validationText}</span>
-    </>
-  ) : (
+  return (
     <span style={{ position: 'relative', display: 'inline-block' }}>
       {children}
       <span style={{ position: 'absolute', bottom: 0, left: 0, height: 0 }}>{validationText}</span>
diff --git a/packages/react-ui-validations/src/ValidationTooltip.tsx b/packages/react-ui-validations/src/ValidationTooltip.tsx
index 0d78675eee4..bf462de8bb9 100644
--- a/packages/react-ui-validations/src/ValidationTooltip.tsx
+++ b/packages/react-ui-validations/src/ValidationTooltip.tsx
@@ -1,10 +1,5 @@
 import React from 'react';
 
-import {
-  ValidationsFeatureFlags,
-  ValidationsFeatureFlagsContext,
-  getFullValidationsFlagsContext,
-} from './utils/featureFlagsContext';
 import { ReactUiDetection, Tooltip } from './ReactUiDetection';
 
 export type TooltipPosition =
@@ -33,31 +28,22 @@ export class ValidationTooltip extends React.Component<ValidationTooltipProps> {
   public static __KONTUR_REACT_UI__ = 'ValidationTooltip';
   public static displayName = 'ValidationTooltip';
 
-  private featureFlags!: ValidationsFeatureFlags;
   public render() {
     const { children, pos, error, render, ...rest } = this.props;
 
     const onlyChild = React.Children.only(children);
     const child = onlyChild && onlyChild.props ? onlyChild.props.children : null;
 
-    return (
-      <ValidationsFeatureFlagsContext.Consumer>
-        {(flags) => {
-          this.featureFlags = getFullValidationsFlagsContext(flags);
-          return !this.featureFlags.validationsRemoveExtraSpans &&
-            (ReactUiDetection.isRadioGroup(child) ||
-              ReactUiDetection.isTokenInput(child) ||
-              ReactUiDetection.isSwitcher(child)) ? (
-            <Tooltip useWrapper={false} pos={pos} render={error && render} trigger={'hover&focus'} {...rest}>
-              {child}
-            </Tooltip>
-          ) : (
-            <Tooltip pos={pos} render={error && render} trigger={'hover&focus'} {...rest}>
-              {children}
-            </Tooltip>
-          );
-        }}
-      </ValidationsFeatureFlagsContext.Consumer>
+    return ReactUiDetection.isRadioGroup(child) ||
+      ReactUiDetection.isTokenInput(child) ||
+      ReactUiDetection.isSwitcher(child) ? (
+      <Tooltip useWrapper={false} pos={pos} render={error && render} trigger={'hover&focus'} {...rest}>
+        {child}
+      </Tooltip>
+    ) : (
+      <Tooltip pos={pos} render={error && render} trigger={'hover&focus'} {...rest}>
+        {children}
+      </Tooltip>
     );
   }
 }
diff --git a/packages/react-ui-validations/src/ValidationWrapperInternal.tsx b/packages/react-ui-validations/src/ValidationWrapperInternal.tsx
index 7e1ffd01003..1d1ff85d3ae 100644
--- a/packages/react-ui-validations/src/ValidationWrapperInternal.tsx
+++ b/packages/react-ui-validations/src/ValidationWrapperInternal.tsx
@@ -3,11 +3,6 @@ import warning from 'warning';
 
 import { Nullable } from '../typings/Types';
 
-import {
-  ValidationsFeatureFlags,
-  ValidationsFeatureFlagsContext,
-  getFullValidationsFlagsContext,
-} from './utils/featureFlagsContext';
 import { getRootNode } from './utils/getRootNode';
 import { isBrowser } from './utils/utils';
 import { smoothScrollIntoView } from './smoothScrollIntoView';
@@ -70,8 +65,6 @@ export class ValidationWrapperInternal extends React.Component<
   public static contextType = ValidationContext;
   public context: ValidationContextType = this.context;
 
-  private featureFlags!: ValidationsFeatureFlags;
-
   public componentDidMount() {
     warning(
       this.context,
@@ -150,23 +143,9 @@ export class ValidationWrapperInternal extends React.Component<
       });
     }
 
-    return (
-      <ValidationsFeatureFlagsContext.Consumer>
-        {(flags) => {
-          this.featureFlags = getFullValidationsFlagsContext(flags);
-          return React.cloneElement(
-            this.props.errorMessage(
-              this.featureFlags.validationsRemoveExtraSpans ? clonedChild : <span>{clonedChild}</span>,
-              !!validation,
-              validation,
-            ),
-            {
-              'data-tid': dataTid,
-            },
-          );
-        }}
-      </ValidationsFeatureFlagsContext.Consumer>
-    );
+    return React.cloneElement(this.props.errorMessage(clonedChild, !!validation, validation), {
+      'data-tid': dataTid,
+    });
   }
 
   private customRef = (instance: Nullable<ReactInstance>) => {
diff --git a/packages/react-ui-validations/src/utils/InlineDiv.tsx b/packages/react-ui-validations/src/utils/InlineDiv.tsx
new file mode 100644
index 00000000000..b57ecf8dbf1
--- /dev/null
+++ b/packages/react-ui-validations/src/utils/InlineDiv.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FC, PropsWithChildren } from 'react';
+
+export const InlineDiv: FC<PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>> = ({ children, ...rest }) => (
+  <div style={{ display: 'inline' }} {...rest}>
+    {children}
+  </div>
+);
diff --git a/packages/react-ui-validations/src/utils/featureFlagsContext/ValidationsFeatureFlagsContext.tsx b/packages/react-ui-validations/src/utils/featureFlagsContext/ValidationsFeatureFlagsContext.tsx
index 4d6c0151b61..79ae11a5145 100644
--- a/packages/react-ui-validations/src/utils/featureFlagsContext/ValidationsFeatureFlagsContext.tsx
+++ b/packages/react-ui-validations/src/utils/featureFlagsContext/ValidationsFeatureFlagsContext.tsx
@@ -5,7 +5,7 @@ export type FeatureFlags = 'validationsRemoveExtraSpans' | 'fixedValidationTextC
 export type ValidationsFeatureFlags = Partial<Record<FeatureFlags, boolean>>;
 
 export const validationsFeatureFlagsDefault: ValidationsFeatureFlags = {
-  validationsRemoveExtraSpans: false,
+  validationsDivWrapper: false,
   fixedValidationTextColors: false,
 };
 
diff --git a/packages/react-ui-validations/stories/Checkbox.stories.tsx b/packages/react-ui-validations/stories/Checkbox.stories.tsx
index dbf49a66cab..42a34078075 100644
--- a/packages/react-ui-validations/stories/Checkbox.stories.tsx
+++ b/packages/react-ui-validations/stories/Checkbox.stories.tsx
@@ -3,7 +3,7 @@ import { Meta } from '@storybook/react';
 import { Button } from '@skbkontur/react-ui/components/Button';
 import { Checkbox } from '@skbkontur/react-ui/components/Checkbox/Checkbox';
 
-import { ValidationContainer, ValidationInfo, ValidationWrapper, ValidationsFeatureFlagsContext } from '../src';
+import { ValidationContainer, ValidationInfo, ValidationWrapper } from '../src';
 import { Nullable } from '../typings/Types';
 
 export default {
@@ -22,19 +22,17 @@ export const Required = () => {
   };
 
   return (
-    <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>
-      <div style={{ padding: 20 }}>
-        <ValidationContainer ref={refContainer}>
-          <ValidationWrapper validationInfo={validateSex()}>
-            <Checkbox checked={checked ? checked : false} onValueChange={setChecked}>
-              Checkbox
-            </Checkbox>
-          </ValidationWrapper>
-          <div style={{ padding: '20px 0' }}>
-            <Button onClick={() => refContainer.current?.validate()}>Check</Button>
-          </div>
-        </ValidationContainer>
-      </div>
-    </ValidationsFeatureFlagsContext.Provider>
+    <div style={{ padding: 20 }}>
+      <ValidationContainer ref={refContainer}>
+        <ValidationWrapper validationInfo={validateSex()}>
+          <Checkbox checked={checked ? checked : false} onValueChange={setChecked}>
+            Checkbox
+          </Checkbox>
+        </ValidationWrapper>
+        <div style={{ padding: '20px 0' }}>
+          <Button onClick={() => refContainer.current?.validate()}>Check</Button>
+        </div>
+      </ValidationContainer>
+    </div>
   );
 };
diff --git a/packages/react-ui-validations/stories/Input.stories.tsx b/packages/react-ui-validations/stories/Input.stories.tsx
index 19a04debfae..583b801eaa0 100644
--- a/packages/react-ui-validations/stories/Input.stories.tsx
+++ b/packages/react-ui-validations/stories/Input.stories.tsx
@@ -5,15 +5,7 @@ import { Input } from '@skbkontur/react-ui/components/Input';
 import { Select } from '@skbkontur/react-ui/components/Select';
 import { Gapped } from '@skbkontur/react-ui';
 
-import {
-  text,
-  tooltip,
-  ValidationBehaviour,
-  ValidationContainer,
-  ValidationInfo,
-  ValidationWrapper,
-  ValidationsFeatureFlagsContext,
-} from '../src';
+import { text, tooltip, ValidationBehaviour, ValidationContainer, ValidationInfo, ValidationWrapper } from '../src';
 import { Nullable } from '../typings/Types';
 
 export default {
@@ -178,23 +170,21 @@ export const Example_6 = () => {
   };
 
   return (
-    <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>
-      <ValidationContainer ref={refContainer}>
-        <div style={{ padding: 50, height: 200, position: 'relative' }}>
-          <div style={{ position: 'absolute', top: 100 }}>
-            <ValidationWrapper validationInfo={validateValue1()}>
-              <Input value={value1} onValueChange={setValue1} />
-            </ValidationWrapper>
-          </div>
-          <div style={{ position: 'absolute', top: 20 }}>
-            <ValidationWrapper validationInfo={validateValue2()}>
-              <Input value={value2} onValueChange={setValue2} />
-            </ValidationWrapper>
-          </div>
+    <ValidationContainer ref={refContainer}>
+      <div style={{ padding: 50, height: 200, position: 'relative' }}>
+        <div style={{ position: 'absolute', top: 100 }}>
+          <ValidationWrapper validationInfo={validateValue1()}>
+            <Input value={value1} onValueChange={setValue1} />
+          </ValidationWrapper>
         </div>
-        <Button onClick={() => refContainer.current?.submit()}>Отправить</Button>
-      </ValidationContainer>
-    </ValidationsFeatureFlagsContext.Provider>
+        <div style={{ position: 'absolute', top: 20 }}>
+          <ValidationWrapper validationInfo={validateValue2()}>
+            <Input value={value2} onValueChange={setValue2} />
+          </ValidationWrapper>
+        </div>
+      </div>
+      <Button onClick={() => refContainer.current?.submit()}>Отправить</Button>
+    </ValidationContainer>
   );
 };
 
@@ -381,21 +371,19 @@ export const Example_11 = () => {
         refContainer.current?.submit();
       }}
     >
-      <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>
-        <ValidationContainer ref={refContainer}>
-          <ValidationWrapper
-            renderMessage={tooltip('left middle')}
-            validationInfo={{ message: 'Ошибка!', type: 'submit' }}
-          >
-            <Input width="100%" placeholder={'Валидация'} />
-          </ValidationWrapper>
-          <br />
-          <br />
-          <ValidationWrapper renderMessage={text('bottom')} validationInfo={{ message: 'Ошибка!', type: 'submit' }}>
-            <Input width="100%" placeholder={'Валидация'} />
-          </ValidationWrapper>
-        </ValidationContainer>
-      </ValidationsFeatureFlagsContext.Provider>
+      <ValidationContainer ref={refContainer}>
+        <ValidationWrapper
+          renderMessage={tooltip('left middle')}
+          validationInfo={{ message: 'Ошибка!', type: 'submit' }}
+        >
+          <Input width="100%" placeholder={'Валидация'} />
+        </ValidationWrapper>
+        <br />
+        <br />
+        <ValidationWrapper renderMessage={text('bottom')} validationInfo={{ message: 'Ошибка!', type: 'submit' }}>
+          <Input width="100%" placeholder={'Валидация'} />
+        </ValidationWrapper>
+      </ValidationContainer>
       <br />
       <br />
       <br />
diff --git a/packages/react-ui-validations/stories/ValidationContainer.stories.tsx b/packages/react-ui-validations/stories/ValidationContainer.stories.tsx
index d8896d0f9e5..d1e832d7a57 100644
--- a/packages/react-ui-validations/stories/ValidationContainer.stories.tsx
+++ b/packages/react-ui-validations/stories/ValidationContainer.stories.tsx
@@ -2,7 +2,14 @@ import React from 'react';
 import { Meta } from '@storybook/react';
 import { Button, Gapped, Input } from '@skbkontur/react-ui';
 
-import { text, ValidationContainer, ValidationInfo, ValidationsFeatureFlagsContext, ValidationWrapper } from '../src';
+import {
+  text,
+  tooltip,
+  ValidationContainer,
+  ValidationInfo,
+  ValidationsFeatureFlagsContext,
+  ValidationWrapper,
+} from '../src';
 
 export default {
   title: 'ValidationContainer',
@@ -70,32 +77,87 @@ export const WithWrapperError = () => (
   </>
 );
 
-export const WithWrapperErrorWithoutSpan = () => (
-  <Gapped vertical gap={20}>
-    <ValidationsFeatureFlagsContext.Provider
-      value={{ validationsRemoveExtraSpans: true, fixedValidationTextColors: true, darkTheme: true }}
-    >
+export const WithWrapperErrorWithDivWrapper = () => (
+  <Gapped vertical gap={20} style={{ width: 600 }}>
+    <ValidationsFeatureFlagsContext.Provider value={{ validationsDivWrapper: true, fixedValidationTextColors: true }}>
       <ValidationContainer>
-        <div>
-          <Button>Submit</Button>
-          <ValidationWrapper renderMessage={text('bottom')} validationInfo={validationWarning}>
-            <Input />
-          </ValidationWrapper>
-        </div>
+        <Gapped vertical gap={32}>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={tooltip('top center')} validationInfo={validationWarning}>
+              <Input width="100%" placeholder="tooltip top center w100%" />
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper validationInfo={validationWarning} renderMessage={tooltip('top center')}>
+              <Input />
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={text('bottom')} validationInfo={validationWarning}>
+              <Input width="100%" placeholder="text bottom w100%" />
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={text('right')} validationInfo={validationWarning}>
+              <Input width="100%" placeholder="text right w100%" />
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={text('right')} validationInfo={validationWarning}>
+              <Input placeholder="text right" />
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={text('bottom')} validationInfo={validationWarning}>
+              <div>TEXT</div>
+            </ValidationWrapper>
+          </div>
+          <div>
+            <Button>Button</Button>
+            <ValidationWrapper renderMessage={tooltip('top center')} validationInfo={validationWarning}>
+              <span>TOOLTIP</span>
+            </ValidationWrapper>
+          </div>
+        </Gapped>
       </ValidationContainer>
     </ValidationsFeatureFlagsContext.Provider>
+  </Gapped>
+);
 
-    <ValidationsFeatureFlagsContext.Provider
-      value={{ validationsRemoveExtraSpans: false, fixedValidationTextColors: true }}
-    >
-      <ValidationContainer>
-        <div>
-          <Button>Submit</Button>
+export const DarkTheme = () => {
+  return (
+    <Gapped vertical>
+      <ValidationsFeatureFlagsContext.Provider
+        value={{ validationsDivWrapper: false, fixedValidationTextColors: true, darkTheme: true }}
+      >
+        <ValidationContainer>
           <ValidationWrapper renderMessage={text('bottom')} validationInfo={validation}>
-            <Input />
+            <Input placeholder="dark theme true" />
           </ValidationWrapper>
-        </div>
-      </ValidationContainer>
-    </ValidationsFeatureFlagsContext.Provider>
-  </Gapped>
-);
+          <ValidationWrapper renderMessage={text('bottom')} validationInfo={validationWarning}>
+            <Input placeholder="dark theme true" />
+          </ValidationWrapper>
+        </ValidationContainer>
+      </ValidationsFeatureFlagsContext.Provider>
+
+      <ValidationsFeatureFlagsContext.Provider
+        value={{ validationsDivWrapper: false, fixedValidationTextColors: true, darkTheme: false }}
+      >
+        <ValidationContainer>
+          <ValidationWrapper renderMessage={text('bottom')} validationInfo={validation}>
+            <Input placeholder="dark theme false" />
+          </ValidationWrapper>
+          <ValidationWrapper renderMessage={text('bottom')} validationInfo={validationWarning}>
+            <Input placeholder="dark theme false" />
+          </ValidationWrapper>
+        </ValidationContainer>
+      </ValidationsFeatureFlagsContext.Provider>
+    </Gapped>
+  );
+};
diff --git a/packages/react-ui-validations/tests/ValidationContainer.test.tsx b/packages/react-ui-validations/tests/ValidationContainer.test.tsx
index b90947bbbba..d611930ade0 100644
--- a/packages/react-ui-validations/tests/ValidationContainer.test.tsx
+++ b/packages/react-ui-validations/tests/ValidationContainer.test.tsx
@@ -33,9 +33,9 @@ describe('ValidationContainer', () => {
     expect(screen.getByTestId('passed-container')).toBeInTheDocument();
   });
 
-  it('renders passed data-tid on container when validationsRemoveExtraSpans enabled', () => {
+  it('renders passed data-tid on container when validationsDivWrapper enabled', () => {
     render(
-      <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>
+      <ValidationsFeatureFlagsContext.Provider value={{ validationsDivWrapper: true }}>
         <ValidationContainer data-tid="passed-container">
           <div />
         </ValidationContainer>
@@ -45,9 +45,9 @@ describe('ValidationContainer', () => {
     expect(screen.getByTestId('passed-container')).toBeInTheDocument();
   });
 
-  it('not renders passed data-tid on container when validationsRemoveExtraSpans enabled', () => {
+  it('renders passed data-tid on container when validationsDivWrapper enabled', () => {
     render(
-      <ValidationsFeatureFlagsContext.Provider value={{ validationsRemoveExtraSpans: true }}>
+      <ValidationsFeatureFlagsContext.Provider value={{ validationsDivWrapper: true }}>
         <ValidationContainer data-tid="passed-container">
           <div />
           <div />
@@ -55,7 +55,7 @@ describe('ValidationContainer', () => {
       </ValidationsFeatureFlagsContext.Provider>,
     );
 
-    expect(screen.queryByTestId('passed-container')).toBeNull();
+    expect(screen.queryByTestId('passed-container')).toBeInTheDocument();
   });
 
   it('renders passed children', () => {