diff --git a/projects/addon-mobile/styles/common/badge.less b/projects/addon-mobile/styles/common/badge.less
index 5720b67786f7..69817235e01f 100644
--- a/projects/addon-mobile/styles/common/badge.less
+++ b/projects/addon-mobile/styles/common/badge.less
@@ -15,7 +15,7 @@ tui-badge,
         font: var(--tui-font-text-s);
         font-weight: bold;
 
-        --t-padding: 0 0.625rem 0 0.375rem;
+        --t-padding: 0 0.625rem;
         --t-size: 1.75rem;
     }
 }
diff --git a/projects/core/styles/mixins/mixins.less b/projects/core/styles/mixins/mixins.less
index d0c375245dc3..0d5cd13bf12f 100644
--- a/projects/core/styles/mixins/mixins.less
+++ b/projects/core/styles/mixins/mixins.less
@@ -65,8 +65,9 @@
     text-decoration: none;
 }
 
-.chip() {
+.button-base() {
     .clearbtn();
+    position: relative;
     display: inline-flex;
     align-items: center;
     flex-shrink: 0;
@@ -75,7 +76,21 @@
     overflow: hidden;
     vertical-align: middle;
     max-width: 100%;
-    font: var(--tui-font-text-s);
+    gap: calc(var(--t-gap) - 2 * var(--t-margin));
+
+    > img,
+    > tui-svg,
+    > tui-icon,
+    > tui-avatar,
+    > tui-badge,
+    > [tuiBadge],
+    > [tuiRadio],
+    > [tuiToggle],
+    > [tuiCheckbox],
+    &._icon-left:before,
+    &._icon-right:after {
+        margin: var(--t-margin);
+    }
 }
 
 .autofill(@mode:default) {
diff --git a/projects/core/styles/mixins/mixins.scss b/projects/core/styles/mixins/mixins.scss
index f9a1d43d8cb9..d95ee8a37913 100644
--- a/projects/core/styles/mixins/mixins.scss
+++ b/projects/core/styles/mixins/mixins.scss
@@ -64,9 +64,10 @@
     line-height: inherit;
 }
 
-@mixin chip() {
+@mixin button-base() {
     @include clearbtn();
 
+    position: relative;
     display: inline-flex;
     align-items: center;
     flex-shrink: 0;
@@ -75,9 +76,21 @@
     overflow: hidden;
     vertical-align: middle;
     max-width: 100%;
-    padding: var(--t-padding);
-    height: var(--t-size);
-    font: var(--tui-font-text-s);
+    gap: calc(var(--t-gap) - 2 * var(--t-margin));
+
+    > img,
+    > tui-svg,
+    > tui-icon,
+    > tui-avatar,
+    > tui-badge,
+    > [tuiBadge],
+    > [tuiRadio],
+    > [tuiToggle],
+    > [tuiCheckbox],
+    &._icon-left:before,
+    &._icon-right:after {
+        margin: var(--t-margin);
+    }
 }
 
 @mixin autofill($mode: default) {
diff --git a/projects/core/styles/theme/appearance/icon.less b/projects/core/styles/theme/appearance/icon.less
index e33b44af7f4f..ea2e8f0033e2 100644
--- a/projects/core/styles/theme/appearance/icon.less
+++ b/projects/core/styles/theme/appearance/icon.less
@@ -18,6 +18,7 @@
 [tuiAppearance][data-appearance='floating'] {
     &:before,
     &:after {
+        .transition(color);
         color: var(--tui-text-03);
     }
 
diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts
index 4d7523f9d472..179fbd41ac56 100644
--- a/projects/demo/src/modules/app/pages.ts
+++ b/projects/demo/src/modules/app/pages.ts
@@ -953,7 +953,7 @@ export const pages: TuiDocPages = [
     },
     {
         section: `Experimental`,
-        title: `Tooltip`,
+        title: `Tooltip `,
         keywords: `tooltip, тултип, hint, подсказка, помощь, help`,
         route: `/experimental/tooltip`,
     },
diff --git a/projects/demo/src/modules/experimental/badge/badge.component.ts b/projects/demo/src/modules/experimental/badge/badge.component.ts
index 22c5848d339c..4cc0ef9d3ba2 100644
--- a/projects/demo/src/modules/experimental/badge/badge.component.ts
+++ b/projects/demo/src/modules/experimental/badge/badge.component.ts
@@ -19,7 +19,6 @@ export class ExampleTuiBadgeComponent {
 
     readonly example1: TuiDocExample = {
         HTML: import('./examples/1/index.html?raw'),
-        LESS: import('./examples/1/index.less?raw'),
     };
 
     readonly example2: TuiDocExample = {
diff --git a/projects/demo/src/modules/experimental/badge/examples/1/index.html b/projects/demo/src/modules/experimental/badge/examples/1/index.html
index 48fd3addcb4c..c967a164f061 100644
--- a/projects/demo/src/modules/experimental/badge/examples/1/index.html
+++ b/projects/demo/src/modules/experimental/badge/examples/1/index.html
@@ -10,7 +10,7 @@
 <p>Use CSS for support colors</p>
 <tui-badge
     *tuiRepeatTimes="let index of 20"
-    class="support-{{ index + 1 }}"
+    [style.background]="'var(--tui-support-' + (index + 1).toString().padStart(2, '0') + ')'"
 >
     Taiga
 </tui-badge>
diff --git a/projects/demo/src/modules/experimental/badge/examples/1/index.less b/projects/demo/src/modules/experimental/badge/examples/1/index.less
index a11c3840af21..c16dfe297f00 100644
--- a/projects/demo/src/modules/experimental/badge/examples/1/index.less
+++ b/projects/demo/src/modules/experimental/badge/examples/1/index.less
@@ -1,13 +1,3 @@
 tui-badge {
     margin: 0.5rem;
 }
-
-@iterations: 20;
-
-.loop (@i) when (@i > 0) {
-    .support-@{i} {
-        background-color: ~'var(--tui-support-@{i}, var(--tui-support-0@{i}))';
-    }
-    .loop(@i - 1);
-}
-.loop (@iterations);
diff --git a/projects/demo/src/modules/experimental/chip/chip.module.ts b/projects/demo/src/modules/experimental/chip/chip.module.ts
index fe3d866f7737..e669e524fd11 100644
--- a/projects/demo/src/modules/experimental/chip/chip.module.ts
+++ b/projects/demo/src/modules/experimental/chip/chip.module.ts
@@ -13,7 +13,6 @@ import {
     TuiCheckboxModule,
     TuiChipModule,
     TuiFadeModule,
-    TuiIconModule,
 } from '@taiga-ui/experimental';
 
 import {ExampleTuiChipComponent} from './chip.component';
@@ -28,7 +27,6 @@ import {TuiChipExample4} from './examples/4';
         FormsModule,
         TuiChipModule,
         TuiRepeatTimesModule,
-        TuiIconModule,
         TuiFadeModule,
         TuiNotificationModule,
         TuiButtonModule,
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/1/index.html b/projects/demo/src/modules/experimental/sensitive/examples/1/index.html
index 06ee02aebed4..e6d5e81f2cb3 100644
--- a/projects/demo/src/modules/experimental/sensitive/examples/1/index.html
+++ b/projects/demo/src/modules/experimental/sensitive/examples/1/index.html
@@ -1,7 +1,7 @@
-<div>
+<p>
     Balance:
     <span [tuiSensitive]="sensitive">100 000$</span>
-</div>
+</p>
 
 <label>
     <tui-toggle [(ngModel)]="sensitive"></tui-toggle>
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/1/index.less b/projects/demo/src/modules/experimental/sensitive/examples/1/index.less
deleted file mode 100644
index 0bcbba018344..000000000000
--- a/projects/demo/src/modules/experimental/sensitive/examples/1/index.less
+++ /dev/null
@@ -1,4 +0,0 @@
-label {
-    display: block;
-    margin-top: 2rem;
-}
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/1/index.ts b/projects/demo/src/modules/experimental/sensitive/examples/1/index.ts
index ebfad59c69e7..59ba8b90db76 100644
--- a/projects/demo/src/modules/experimental/sensitive/examples/1/index.ts
+++ b/projects/demo/src/modules/experimental/sensitive/examples/1/index.ts
@@ -5,7 +5,6 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 @Component({
     selector: 'tui-sensitive-example-1',
     templateUrl: './index.html',
-    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/2/index.html b/projects/demo/src/modules/experimental/sensitive/examples/2/index.html
index cac98bcf895c..10a6607ba0a0 100644
--- a/projects/demo/src/modules/experimental/sensitive/examples/2/index.html
+++ b/projects/demo/src/modules/experimental/sensitive/examples/2/index.html
@@ -1,35 +1,28 @@
-<p>
-    <button
-        appearance="destructive"
-        size="m"
-        tuiButton
-    >
+<button
+    appearance="destructive"
+    size="m"
+    tuiButton
+>
+    <span>
         Pay
-        <span
-            class="text"
-            [tuiSensitive]="sensitive"
-        >
-            1000$
-        </span>
-    </button>
-    <button
-        appearance="flat"
-        size="m"
-        tuiButton
-        class="tui-space_left-2"
-    >
+        <span [tuiSensitive]="sensitive">1000$</span>
+    </span>
+</button>
+<button
+    appearance="flat"
+    size="m"
+    tuiButton
+    class="tui-space_left-2"
+>
+    <span>
         Pay
-        <span
-            class="text"
-            [tuiSensitive]="sensitive"
-        >
-            1000$
-        </span>
-    </button>
-</p>
-<p class="tui-space_top-10">
+        <span [tuiSensitive]="sensitive">1000$</span>
+    </span>
+</button>
+
+<p>
     <tui-badge
-        appearance="light"
+        [style.background]="'var(--tui-positive)'"
         [tuiSensitive]="sensitive"
     >
         12 000$
@@ -44,5 +37,5 @@
 
 <label>
     <tui-toggle [(ngModel)]="sensitive"></tui-toggle>
-    hide
+    Hide
 </label>
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/2/index.less b/projects/demo/src/modules/experimental/sensitive/examples/2/index.less
deleted file mode 100644
index 0bcbba018344..000000000000
--- a/projects/demo/src/modules/experimental/sensitive/examples/2/index.less
+++ /dev/null
@@ -1,4 +0,0 @@
-label {
-    display: block;
-    margin-top: 2rem;
-}
diff --git a/projects/demo/src/modules/experimental/sensitive/examples/2/index.ts b/projects/demo/src/modules/experimental/sensitive/examples/2/index.ts
index 2d4549f52f09..3e7d91fc52d5 100644
--- a/projects/demo/src/modules/experimental/sensitive/examples/2/index.ts
+++ b/projects/demo/src/modules/experimental/sensitive/examples/2/index.ts
@@ -5,7 +5,6 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 @Component({
     selector: 'tui-sensitive-example-2',
     templateUrl: './index.html',
-    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
diff --git a/projects/demo/src/modules/experimental/sensitive/sensitive.component.ts b/projects/demo/src/modules/experimental/sensitive/sensitive.component.ts
index ead87ea70b81..addc754317ee 100644
--- a/projects/demo/src/modules/experimental/sensitive/sensitive.component.ts
+++ b/projects/demo/src/modules/experimental/sensitive/sensitive.component.ts
@@ -17,15 +17,11 @@ export class ExampleTuiSensitiveComponent {
     );
 
     readonly example1: TuiDocExample = {
-        TypeScript: import('./examples/1/index.ts?raw'),
         HTML: import('./examples/1/index.html?raw'),
-        LESS: import('./examples/1/index.less?raw'),
     };
 
     readonly example2: TuiDocExample = {
-        TypeScript: import('./examples/2/index.ts?raw'),
         HTML: import('./examples/2/index.html?raw'),
-        LESS: import('./examples/2/index.less?raw'),
     };
 
     sensitive = true;
diff --git a/projects/demo/src/modules/experimental/sensitive/sensitive.template.html b/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
index 265a39c58e68..37c4cbf0a29a 100644
--- a/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
+++ b/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
@@ -28,6 +28,13 @@
             heading="Components"
             [content]="example2"
         >
+            <tui-notification class="tui-space_bottom-4">
+                Buttons have
+                <code>gap</code>
+                style configured for icons, avatars and other similar content. Wrap your text in
+                <code>span</code>
+                so it does not affect you.
+            </tui-notification>
             <tui-sensitive-example-2></tui-sensitive-example-2>
         </tui-doc-example>
     </ng-template>
diff --git a/projects/experimental/components/badge/badge.directive.ts b/projects/experimental/components/badge/badge.directive.ts
index 9433597780a4..ce0c310fe21c 100644
--- a/projects/experimental/components/badge/badge.directive.ts
+++ b/projects/experimental/components/badge/badge.directive.ts
@@ -7,6 +7,7 @@ import {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';
 @Directive({
     selector: 'tui-badge,[tuiBadge]',
     host: {
+        tuiBadgeNew: '',
         tuiAppearance: '',
         '[class._dot]': 'dot',
         '[attr.data-appearance]': 'appearance',
diff --git a/projects/experimental/components/badge/badge.style.less b/projects/experimental/components/badge/badge.style.less
index 3fdaab06f71f..909da7f8a756 100644
--- a/projects/experimental/components/badge/badge.style.less
+++ b/projects/experimental/components/badge/badge.style.less
@@ -1,25 +1,26 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
-tui-badge,
-[tuiBadge] {
-    .chip();
+// TODO: Change to [tuiBadge] in 4.0
+[tuiBadgeNew] {
+    .button-base();
+    border-radius: 6rem;
     background: #959595;
     color: var(--tui-base-01);
-    border-radius: 6rem;
     padding: var(--t-padding);
     height: var(--t-size);
     min-width: var(--t-size);
+    font: var(--tui-font-text-s);
 
+    --t-gap: 0rem;
     --t-dot: currentColor;
     --t-icon-size: 1rem;
 
     &._dot:before {
         content: '';
         display: block;
+        width: 0.375rem;
+        height: 0.375rem;
         background: var(--t-dot);
-        margin: 0 0.125rem 0 0.25rem;
-        width: 0.25rem;
-        height: 0.25rem;
         border-radius: 100%;
     }
 
@@ -50,34 +51,46 @@ tui-badge,
     }
 
     &[data-size='s'] {
-        text-indent: 0.125rem;
-
-        --t-padding: 0 0.3125rem 0 0.1875rem;
+        --t-padding: 0 0.3125rem;
         --t-size: 1rem;
         --t-icon-size: 0.625rem;
+        --t-margin: -0.125rem;
+
+        &._dot:before {
+            width: 0.25rem;
+            height: 0.25rem;
+            margin-inline-end: -0.125rem;
+        }
     }
 
     &[data-size='m'] {
-        text-indent: 0.125rem;
-
-        --t-padding: 0 0.375rem 0 0.25rem;
+        --t-padding: 0 0.375rem;
         --t-size: 1.25rem;
         --t-icon-size: 0.75rem;
+        --t-margin: -0.125rem;
     }
 
     &[data-size='l'] {
-        text-indent: 0.25rem;
-
-        --t-padding: 0 0.5rem 0 0.25rem;
+        --t-padding: 0 0.5rem;
         --t-size: var(--tui-height-xs);
+        --t-margin: -0.25rem;
+
+        &._dot:before {
+            margin-inline-end: -0.25rem;
+        }
     }
 
     &[data-size='xl'] {
+        --t-margin: -0.25rem;
+        --t-padding: 0 0.75rem;
+        --t-size: var(--tui-height-s);
         font: var(--tui-font-text-m);
-        text-indent: 0.25rem;
 
-        --t-padding: 0 0.75rem 0 0.5rem;
-        --t-size: var(--tui-height-s);
+        &._dot:before {
+            width: 0.5rem;
+            height: 0.5rem;
+            margin-inline-end: -0.125rem;
+        }
     }
 }
 
@@ -90,6 +103,8 @@ tui-icon[tuiBadge] {
     height: var(--t-size);
     width: var(--t-size);
 
+    --t-margin: 0 !important;
+
     &[data-size='s']:after {
         mask-size: 0.625rem;
     }
diff --git a/projects/experimental/components/button/button.style.less b/projects/experimental/components/button/button.style.less
index 2a2f603964f1..90170a4030a6 100644
--- a/projects/experimental/components/button/button.style.less
+++ b/projects/experimental/components/button/button.style.less
@@ -2,18 +2,16 @@
 
 // TODO: Change to [tuiButton] in 4.0
 [tuiButtonNew] {
-    .clearbtn();
-    position: relative;
-    display: inline-flex;
+    .button-base();
     height: var(--t-size);
-    align-items: center;
     justify-content: center;
-    white-space: nowrap;
     border-radius: var(--t-radius);
-    overflow: hidden;
+    padding: var(--t-padding);
     user-select: none;
     cursor: pointer;
 
+    --t-gap: 0.125rem;
+
     > .t-loader {
         .center-all();
 
@@ -25,10 +23,9 @@
     &[data-size='xs'] {
         --t-size: var(--tui-height-xs);
         --t-radius: var(--tui-radius-xs);
+        --t-padding: 0 0.375rem;
+        --t-margin: -0.125rem;
         font: var(--tui-font-text-s);
-        padding: 0 0.375rem 0 0.25rem;
-        text-indent: 0.125rem;
-        gap: 0.125rem;
 
         tui-svg,
         tui-icon,
@@ -40,10 +37,9 @@
     &[data-size='s'] {
         --t-size: var(--tui-height-s);
         --t-radius: var(--tui-radius-s);
+        --t-padding: 0 0.625rem;
+        --t-margin: -0.125rem;
         font: var(--tui-font-text-s);
-        padding: 0 0.625rem 0 0.5rem;
-        text-indent: 0.125rem;
-        gap: 0.125rem;
 
         tui-svg,
         tui-icon,
@@ -55,11 +51,10 @@
     &[data-size='m'] {
         --t-size: var(--tui-height-m);
         --t-radius: var(--tui-radius-m);
+        --t-padding: 0 1rem;
+        --t-margin: -0.375rem;
         font: var(--tui-font-text-m);
         font-weight: bold;
-        padding: 0 1rem 0 0.625rem;
-        text-indent: 0.375rem;
-        gap: 0.125rem;
 
         &:after {
             margin-inline-start: 0.375rem;
@@ -69,11 +64,11 @@
     &[data-size='l'] {
         --t-size: var(--tui-height-l);
         --t-radius: var(--tui-radius-l);
+        --t-padding: 0 1.25rem;
+        --t-gap: 0.25rem;
+        --t-margin: -0.25rem;
         font: var(--tui-font-text-m);
         font-weight: bold;
-        padding: 0 1.25rem 0 1rem;
-        text-indent: 0.25rem;
-        gap: 0.25rem;
 
         &:after {
             margin-inline-start: 0.25rem;
@@ -81,10 +76,6 @@
         }
     }
 
-    * {
-        text-indent: 0;
-    }
-
     &._loading {
         --tui-disabled-opacity: 1;
         -webkit-text-fill-color: transparent;
@@ -102,8 +93,6 @@
 
     &[tuiIcons]:after {
         font-size: 1rem;
-        margin-inline-start: 0.125rem;
-        margin-inline-end: -0.125rem;
     }
 }
 
@@ -111,6 +100,6 @@
     width: var(--t-size);
     font-size: 0;
     padding: 0;
-    text-indent: 0;
-    gap: 0;
+
+    --t-gap: 0;
 }
diff --git a/projects/experimental/components/chip/chip.directive.ts b/projects/experimental/components/chip/chip.directive.ts
index 2f464782af12..e0ec9eb01106 100644
--- a/projects/experimental/components/chip/chip.directive.ts
+++ b/projects/experimental/components/chip/chip.directive.ts
@@ -3,6 +3,7 @@ import {TuiDirectiveStylesService} from '@taiga-ui/cdk';
 import {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';
 import {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';
 import {tuiCheckboxOptionsProvider} from '@taiga-ui/experimental/components/checkbox';
+import {tuiToggleOptionsProvider} from '@taiga-ui/experimental/components/toggle';
 
 import {TuiChipComponent} from './chip.component';
 import {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';
@@ -10,6 +11,7 @@ import {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';
 @Directive({
     selector: 'tui-chip,[tuiChip]',
     providers: [
+        tuiToggleOptionsProvider({size: 's'}),
         tuiCheckboxOptionsProvider({size: 's'}),
         tuiAvatarOptionsProvider({size: 'xxs'}),
         tuiButtonOptionsProvider({
diff --git a/projects/experimental/components/chip/chip.style.less b/projects/experimental/components/chip/chip.style.less
index 74471095a29d..d1516ae28fbb 100644
--- a/projects/experimental/components/chip/chip.style.less
+++ b/projects/experimental/components/chip/chip.style.less
@@ -2,13 +2,14 @@
 
 tui-chip,
 [tuiChip] {
-    .chip();
-    gap: 0.125rem;
-    text-indent: 0.125rem;
+    .button-base();
+    font: var(--tui-font-text-s);
     border-radius: var(--tui-radius-m);
     padding: var(--t-padding);
     height: var(--t-size);
 
+    --t-gap: 0.125rem;
+    --t-margin: -0.125rem;
     --t-icon-size: 1rem;
 
     .interactive({
@@ -24,59 +25,53 @@ tui-chip,
     &[data-size='xxs'] {
         font: var(--tui-font-text-xs);
         border-radius: var(--tui-radius-xs);
-        gap: 0;
 
-        --t-padding: 0 0.25rem 0 0.125rem;
+        --t-gap: 0rem;
+        --t-padding: 0 0.25rem;
         --t-size: 1rem;
         --t-icon-size: 0.75rem;
 
-        &:after {
-            transform: translateX(0.125rem);
-        }
-
         & > [tuiIconButton] {
-            transform: translateX(0.125rem) scale(0.75);
+            margin: -0.5rem;
+            transform: scale(0.75);
         }
     }
 
     &[data-size='xs'] {
         border-radius: var(--tui-radius-xs);
 
-        --t-padding: 0 0.375rem 0 0.25rem;
+        --t-padding: 0 0.375rem;
         --t-size: 1.25rem;
 
-        &:after,
         & > [tuiIconButton] {
-            transform: translateX(0.125rem);
+            margin: -0.375rem;
         }
     }
 
     &[data-size='s'] {
-        --t-padding: 0 0.625rem 0 0.5rem;
+        --t-padding: 0 0.625rem;
         --t-size: var(--tui-height-s);
 
-        &:after,
         & > [tuiIconButton] {
-            transform: translateX(0.125rem);
+            margin: -0.375rem;
         }
 
         & > img,
         tui-avatar {
-            margin-inline-start: -0.25rem;
+            margin-inline-start: -0.375rem;
         }
     }
 
     &[data-size='m'] {
         font: var(--tui-font-text-m);
-        text-indent: 0.375rem;
 
+        --t-margin: -0.375rem;
         --t-icon-size: 1.5rem;
-        --t-padding: 0 1rem 0 0.625rem;
+        --t-padding: 0 1rem;
         --t-size: var(--tui-height-m);
 
-        &:after,
         & > [tuiIconButton] {
-            transform: translateX(0.25rem);
+            margin: -0.75rem;
         }
     }
 
@@ -84,15 +79,6 @@ tui-chip,
         width: 1.5rem;
     }
 
-    & > [tuiIconButton] {
-        margin: -0.25rem;
-    }
-
-    &[data-size='m'] > [tuiIconButton],
-    &[data-size='xxs'] > [tuiIconButton] {
-        margin: -0.375rem;
-    }
-
     & > input[tuiChip] {
         .fullsize();
     }
diff --git a/projects/experimental/directives/button-vertical/button-vertical.style.less b/projects/experimental/directives/button-vertical/button-vertical.style.less
index 119d00977e9a..3893e7886f61 100644
--- a/projects/experimental/directives/button-vertical/button-vertical.style.less
+++ b/projects/experimental/directives/button-vertical/button-vertical.style.less
@@ -6,11 +6,11 @@
     padding: 0.75rem;
     gap: 0.375rem;
     min-width: 5rem;
-    text-indent: unset;
-    white-space: pre-wrap;
+    white-space: pre-line;
     font: var(--tui-font-text-s-2);
 
     --t-line-height: 1rem;
+    --t-margin: 0rem !important;
 
     & > * {
         max-height: calc(var(--t-line-height) * 2);
diff --git a/projects/experimental/directives/icons/icons.styles.less b/projects/experimental/directives/icons/icons.styles.less
index 97df725306c7..f7f5828b6627 100644
--- a/projects/experimental/directives/icons/icons.styles.less
+++ b/projects/experimental/directives/icons/icons.styles.less
@@ -1,25 +1,22 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 [tuiIcons] {
-    &._icon-left:before {
-        content: '';
+    &:before,
+    &:after {
+        font-size: 1.5rem;
     }
 
+    &._icon-left:before,
     &._icon-right:after {
         content: '';
-    }
-
-    &:before,
-    &:after {
         width: 1em;
         height: 1em;
-        font-size: 1.5rem;
         flex-shrink: 0;
         background: currentColor;
         mask: var(--t-mask-left) no-repeat center/contain;
     }
 
-    &:after {
+    &._icon-right:after {
         mask: var(--t-mask-right) no-repeat center/contain;
     }
 }
diff --git a/projects/experimental/directives/sensitive/sensitive.style.less b/projects/experimental/directives/sensitive/sensitive.style.less
index c71bd4efe79f..cefe818f149f 100644
--- a/projects/experimental/directives/sensitive/sensitive.style.less
+++ b/projects/experimental/directives/sensitive/sensitive.style.less
@@ -6,7 +6,7 @@
     line-height: 1em;
     clip-path: inset(0 round 0.25rem);
 
-    &:before {
+    &:after {
         .fullsize();
         content: '';
         background: currentColor;