diff --git a/src/lib/core/components/Form/constants.ts b/src/lib/core/components/Form/constants.ts
index 7a6a06ad..5abe77ec 100644
--- a/src/lib/core/components/Form/constants.ts
+++ b/src/lib/core/components/Form/constants.ts
@@ -1,3 +1,5 @@
 export const OBJECT_ARRAY_FLAG = '____arr-obj';
 
 export const OBJECT_ARRAY_CNT = '____arr-obj-cnt';
+
+export const SPEC_TYPE_FOR_GENERATE_BUTTON = ['base', 'password', 'textarea'];
diff --git a/src/lib/core/components/Form/utils/common.ts b/src/lib/core/components/Form/utils/common.ts
index dfc940b2..3f7b543a 100644
--- a/src/lib/core/components/Form/utils/common.ts
+++ b/src/lib/core/components/Form/utils/common.ts
@@ -1,8 +1,9 @@
 import _ from 'lodash';
 
 import {SpecTypes} from '../../../constants';
-import {FormValue, ObjectValue} from '../../../types';
-import {OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG} from '../constants';
+import {isStringSpec} from '../../../helpers';
+import {FormValue, ObjectValue, Spec} from '../../../types';
+import {OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG, SPEC_TYPE_FOR_GENERATE_BUTTON} from '../constants';
 
 export const isCorrectConfig = (candidate: any) =>
     Object.values(SpecTypes).every(
@@ -68,3 +69,8 @@ export const transformArrOut = <Type extends FormValue, ReturnType extends FormV
 };
 
 export const isArrayItem = (name: string) => name[name.length - 1] === '>';
+
+export const withGenerateButton = (spec: Spec) =>
+    isStringSpec(spec) &&
+    SPEC_TYPE_FOR_GENERATE_BUTTON.includes(spec.viewSpec.type) &&
+    spec.viewSpec.generateRandomValueButton;
diff --git a/src/lib/kit/components/ErrorWrapper/ErrorWrapper.tsx b/src/lib/kit/components/ErrorWrapper/ErrorWrapper.tsx
index 3cde3cb9..832a3b15 100644
--- a/src/lib/kit/components/ErrorWrapper/ErrorWrapper.tsx
+++ b/src/lib/kit/components/ErrorWrapper/ErrorWrapper.tsx
@@ -12,6 +12,7 @@ export interface ErrorWrapperProps {
     name: string;
     meta: FieldRenderProps<FieldValue>['meta'];
     withoutChildErrorStyles?: boolean;
+    className?: string;
 }
 
 export const ErrorWrapper: React.FC<ErrorWrapperProps> = ({
@@ -19,6 +20,7 @@ export const ErrorWrapper: React.FC<ErrorWrapperProps> = ({
     meta,
     withoutChildErrorStyles,
     children,
+    className,
 }) => {
     const error = React.useMemo(() => {
         if ((meta.touched || meta.submitFailed) && meta.error) {
@@ -34,7 +36,10 @@ export const ErrorWrapper: React.FC<ErrorWrapperProps> = ({
     );
 
     return (
-        <span className={b({error: !withoutChildErrorStyles && Boolean(error)})} {...props}>
+        <span
+            className={b({error: !withoutChildErrorStyles && Boolean(error)}, className)}
+            {...props}
+        >
             {children}
             {error && typeof error === 'string' ? (
                 <div className={b('error-text')}>{error}</div>
diff --git a/src/lib/kit/components/Inputs/Text/Text.scss b/src/lib/kit/components/Inputs/Text/Text.scss
index df45fa19..bb0bd3e1 100644
--- a/src/lib/kit/components/Inputs/Text/Text.scss
+++ b/src/lib/kit/components/Inputs/Text/Text.scss
@@ -2,4 +2,8 @@
 
 .#{$ns}text {
     display: flex;
+
+    &__button {
+        --yc-button-background-color-hover: transparent;
+    }
 }
diff --git a/src/lib/kit/components/Inputs/Text/Text.tsx b/src/lib/kit/components/Inputs/Text/Text.tsx
index e6d23fa6..40c5b8a5 100644
--- a/src/lib/kit/components/Inputs/Text/Text.tsx
+++ b/src/lib/kit/components/Inputs/Text/Text.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 
-import {TextInput} from '@gravity-ui/uikit';
+import {Copy, CopyCheck, Eye, EyeSlash} from '@gravity-ui/icons';
+import {Button, CopyToClipboard, CopyToClipboardStatus, Icon, TextInput} from '@gravity-ui/uikit';
 import _ from 'lodash';
 
-import {FieldRenderProps, NumberInputProps, StringInputProps, isStringSpec} from '../../../../core';
+import {FieldRenderProps, NumberInputProps, StringInputProps} from '../../../../core';
 import {block} from '../../../utils';
-import {GenerateRandomValueButton} from '../../GenerateRandomValueButton';
 
 import './Text.scss';
 
@@ -13,6 +13,7 @@ const b = block('text');
 
 export const Text = <T extends NumberInputProps | StringInputProps>({name, input, spec}: T) => {
     const {value, onBlur, onChange, onFocus} = input;
+    const [hideValue, setHideValue] = React.useState(spec.viewSpec.type === 'password');
 
     const handleChange = React.useCallback(
         (value: string) => {
@@ -29,45 +30,58 @@ export const Text = <T extends NumberInputProps | StringInputProps>({name, input
         return 'text';
     }, [spec.viewSpec.type]);
 
-    const textInput = React.useMemo(
-        () => (
-            <TextInput
-                type={type}
-                value={_.isNil(value) ? '' : `${value}`}
-                hasClear={true}
-                onBlur={onBlur}
-                onFocus={onFocus}
-                onUpdate={handleChange}
-                disabled={spec.viewSpec.disabled}
-                placeholder={spec.viewSpec.placeholder}
-                autoComplete={type === 'password' ? 'new-password' : undefined}
-                qa={name}
-            />
-        ),
-        [
-            handleChange,
-            name,
-            onBlur,
-            onFocus,
-            spec.viewSpec.disabled,
-            spec.viewSpec.placeholder,
-            type,
-            value,
-        ],
-    );
+    const additionalRightContent = React.useMemo(() => {
+        if (type === 'password') {
+            const onClick = () => {
+                setHideValue((hideValue) => !hideValue);
+            };
 
-    const content = React.useMemo(() => {
-        if (isStringSpec(spec)) {
             return (
                 <div className={b()}>
-                    {textInput}
-                    <GenerateRandomValueButton spec={spec} onChange={handleChange} />
+                    {input.value ? (
+                        <CopyToClipboard text={String(value)} timeout={500}>
+                            {(state) => (
+                                <Button view="flat-secondary" className={b('button')} size="s">
+                                    <Icon
+                                        size={14}
+                                        data={
+                                            state === CopyToClipboardStatus.Pending
+                                                ? Copy
+                                                : CopyCheck
+                                        }
+                                    />
+                                </Button>
+                            )}
+                        </CopyToClipboard>
+                    ) : null}
+                    <Button
+                        view="flat-secondary"
+                        onClick={onClick}
+                        className={b('button')}
+                        size="s"
+                    >
+                        <Icon data={hideValue ? Eye : EyeSlash} size={14} />
+                    </Button>
                 </div>
             );
         }
 
-        return <React.Fragment>{textInput}</React.Fragment>;
-    }, [handleChange, spec, textInput]);
+        return undefined;
+    }, [hideValue, input.value, type, value]);
 
-    return <React.Fragment>{content}</React.Fragment>;
+    return (
+        <TextInput
+            type={hideValue ? 'password' : 'text'}
+            value={_.isNil(value) ? '' : `${value}`}
+            hasClear={true}
+            onBlur={onBlur}
+            onFocus={onFocus}
+            onUpdate={handleChange}
+            disabled={spec.viewSpec.disabled}
+            placeholder={spec.viewSpec.placeholder}
+            autoComplete={type === 'password' ? 'new-password' : undefined}
+            qa={name}
+            rightContent={additionalRightContent}
+        />
+    );
 };
diff --git a/src/lib/kit/components/Inputs/TextArea/TextArea.scss b/src/lib/kit/components/Inputs/TextArea/TextArea.scss
deleted file mode 100644
index c137815f..00000000
--- a/src/lib/kit/components/Inputs/TextArea/TextArea.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import '../../../styles/variables';
-
-.#{$ns}text-area {
-    display: flex;
-    justify-content: flex-start;
-}
diff --git a/src/lib/kit/components/Inputs/TextArea/TextArea.tsx b/src/lib/kit/components/Inputs/TextArea/TextArea.tsx
index a5b92482..4749290a 100644
--- a/src/lib/kit/components/Inputs/TextArea/TextArea.tsx
+++ b/src/lib/kit/components/Inputs/TextArea/TextArea.tsx
@@ -3,31 +3,22 @@ import React from 'react';
 import {TextArea as TextAreaBase} from '@gravity-ui/uikit';
 
 import {StringInput} from '../../../../core';
-import {block} from '../../../utils';
-import {GenerateRandomValueButton} from '../../GenerateRandomValueButton';
-
-import './TextArea.scss';
-
-const b = block('text-area');
 
 export const TextArea: StringInput = ({name, input, spec}) => {
     const {value, onBlur, onChange, onFocus} = input;
 
     return (
-        <div className={b()}>
-            <TextAreaBase
-                value={value}
-                onBlur={onBlur}
-                onFocus={onFocus}
-                onUpdate={onChange}
-                maxRows={20}
-                minRows={8}
-                hasClear
-                disabled={spec.viewSpec.disabled}
-                placeholder={spec.viewSpec.placeholder}
-                qa={name}
-            />
-            <GenerateRandomValueButton spec={spec} onChange={onChange} />
-        </div>
+        <TextAreaBase
+            value={value}
+            onBlur={onBlur}
+            onFocus={onFocus}
+            onUpdate={onChange}
+            maxRows={20}
+            minRows={8}
+            hasClear
+            disabled={spec.viewSpec.disabled}
+            placeholder={spec.viewSpec.placeholder}
+            qa={name}
+        />
     );
 };
diff --git a/src/lib/kit/components/Layouts/Row/Row.scss b/src/lib/kit/components/Layouts/Row/Row.scss
index b558600a..b47fad29 100644
--- a/src/lib/kit/components/Layouts/Row/Row.scss
+++ b/src/lib/kit/components/Layouts/Row/Row.scss
@@ -10,11 +10,6 @@
         margin-bottom: 0;
     }
 
-    &_extra-width {
-        width: 533px;
-        max-width: 533px;
-    }
-
     &__left {
         width: 180px;
         min-height: 28px;
@@ -90,4 +85,8 @@
     &__required-mark {
         color: var(--yc-color-text-danger);
     }
+
+    &__error-wrapper {
+        min-width: 100%;
+    }
 }
diff --git a/src/lib/kit/components/Layouts/Row/Row.tsx b/src/lib/kit/components/Layouts/Row/Row.tsx
index 0b91ef74..97077931 100644
--- a/src/lib/kit/components/Layouts/Row/Row.tsx
+++ b/src/lib/kit/components/Layouts/Row/Row.tsx
@@ -3,16 +3,19 @@ import React from 'react';
 import {HelpPopover} from '@gravity-ui/components';
 import {TrashBin} from '@gravity-ui/icons';
 import {Button, Icon} from '@gravity-ui/uikit';
+import _ from 'lodash';
 
 import {
     FieldValue,
     LayoutProps,
     Spec,
+    StringSpec,
     isArrayItem,
     isArraySpec,
     isObjectSpec,
+    withGenerateButton,
 } from '../../../../core';
-import {ErrorWrapper} from '../../../components';
+import {ErrorWrapper, GenerateRandomValueButton} from '../../../components';
 import {block} from '../../../utils';
 
 import './Row.scss';
@@ -32,9 +35,10 @@ const RowBase = <T extends FieldValue, S extends Spec>({
     children,
 }: LayoutProps<T, S> & RowProps) => {
     const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
+    const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
 
     return (
-        <div className={b({'extra-width': isArraySpec(spec) || arrayItem})}>
+        <div className={b()}>
             <div className={b('left')}>
                 <div className={b('left-inner')}>
                     <span className={b('title', {required: spec.required})}>
@@ -58,9 +62,16 @@ const RowBase = <T extends FieldValue, S extends Spec>({
                         name={name}
                         meta={meta}
                         withoutChildErrorStyles={isArraySpec(spec) || isObjectSpec(spec)}
+                        className={b('error-wrapper')}
                     >
                         {children}
                     </ErrorWrapper>
+                    {generateButton ? (
+                        <GenerateRandomValueButton
+                            spec={spec as StringSpec}
+                            onChange={input.onChange as (value: string) => void}
+                        />
+                    ) : null}
                     {arrayItem ? (
                         <Button
                             view="flat-secondary"
diff --git a/src/lib/kit/components/Layouts/Row2/Row2.tsx b/src/lib/kit/components/Layouts/Row2/Row2.tsx
index 0975e95d..e6aae7a7 100644
--- a/src/lib/kit/components/Layouts/Row2/Row2.tsx
+++ b/src/lib/kit/components/Layouts/Row2/Row2.tsx
@@ -7,11 +7,13 @@ import {
     FieldValue,
     LayoutProps,
     Spec,
+    StringSpec,
     isArrayItem,
     isArraySpec,
     isObjectSpec,
+    withGenerateButton,
 } from '../../../../core';
-import {ErrorWrapper} from '../../../components';
+import {ErrorWrapper, GenerateRandomValueButton} from '../../../components';
 import {block} from '../../../utils';
 
 import './Row2.scss';
@@ -25,6 +27,8 @@ export const Row2 = <T extends FieldValue, S extends Spec>({
     meta,
     children,
 }: LayoutProps<T, S>) => {
+    const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
+
     return (
         <div className={b()}>
             <div className={b('left')}>
@@ -42,6 +46,12 @@ export const Row2 = <T extends FieldValue, S extends Spec>({
                     >
                         {children}
                     </ErrorWrapper>
+                    {generateButton ? (
+                        <GenerateRandomValueButton
+                            spec={spec as StringSpec}
+                            onChange={input.onChange as (value: string) => void}
+                        />
+                    ) : null}
                     {isArrayItem(name) ? (
                         <Button
                             view="flat-secondary"
diff --git a/src/lib/kit/components/Layouts/Transparent/Transparent.tsx b/src/lib/kit/components/Layouts/Transparent/Transparent.tsx
index e4634fab..16eff863 100644
--- a/src/lib/kit/components/Layouts/Transparent/Transparent.tsx
+++ b/src/lib/kit/components/Layouts/Transparent/Transparent.tsx
@@ -7,11 +7,13 @@ import {
     FieldValue,
     LayoutProps,
     Spec,
+    StringSpec,
     isArrayItem,
     isArraySpec,
     isObjectSpec,
+    withGenerateButton,
 } from '../../../../core';
-import {ErrorWrapper} from '../../../components';
+import {ErrorWrapper, GenerateRandomValueButton} from '../../../components';
 import {block} from '../../../utils';
 
 import './Transparent.scss';
@@ -26,6 +28,7 @@ export const Transparent = <T extends FieldValue, S extends Spec>({
     children,
 }: LayoutProps<T, S>) => {
     const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
+    const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
     const arrOrObjFlag = React.useMemo(() => isArraySpec(spec) || isObjectSpec(spec), [spec]);
 
     const removeButton = React.useMemo(() => {
@@ -55,6 +58,12 @@ export const Transparent = <T extends FieldValue, S extends Spec>({
             <ErrorWrapper name={name} meta={meta} withoutChildErrorStyles={arrOrObjFlag}>
                 {children}
             </ErrorWrapper>
+            {generateButton ? (
+                <GenerateRandomValueButton
+                    spec={spec as StringSpec}
+                    onChange={input.onChange as (value: string) => void}
+                />
+            ) : null}
             {removeButton}
         </div>
     );
diff --git a/src/stories/StringPassword.stories.tsx b/src/stories/StringPassword.stories.tsx
index 62901564..76c7b9c8 100644
--- a/src/stories/StringPassword.stories.tsx
+++ b/src/stories/StringPassword.stories.tsx
@@ -13,7 +13,7 @@ export default {
 
 const baseSpec: StringSpec = {
     type: SpecTypes.String,
-    pattern: '/[a-z]{6}/',
+    pattern: '^[-_a-zA-Z0-9/.]+$',
     patternError: 'Pattern error',
     viewSpec: {
         type: 'password',