diff --git a/projects/addon-table/components/table/td/td.style.less b/projects/addon-table/components/table/td/td.style.less
index f21292954efb..0a075c54f262 100644
--- a/projects/addon-table/components/table/td/td.style.less
+++ b/projects/addon-table/components/table/td/td.style.less
@@ -7,9 +7,11 @@
     border: 1px solid var(--tui-border-normal);
     border-block-start: none;
     box-sizing: border-box;
+    // TODO: Remove in v5 after we drop all legacy controls
     // Create new viewport for fixed positioning
     filter: opacity(1);
 
+    // TODO: Remove in v5 after we drop all legacy controls
     .safari-only({
         transform: translate3d(0, 0, 0);
     });
diff --git a/projects/addon-table/components/table/th/th.style.less b/projects/addon-table/components/table/th/th.style.less
index 8b8651f79ad1..45b2493b3e49 100644
--- a/projects/addon-table/components/table/th/th.style.less
+++ b/projects/addon-table/components/table/th/th.style.less
@@ -16,9 +16,11 @@
     box-sizing: border-box;
     box-shadow: 0 0.3125rem rgba(237, 237, 237, 0);
     border: 1px solid var(--tui-border-normal);
+    // TODO: Remove in v5 after we drop all legacy controls
     // Create new viewport for fixed positioning
     filter: opacity(1);
 
+    // TODO: Remove in v5 after we drop all legacy controls
     .safari-only({
         transform: translate3d(0, 0, 0);
     });
diff --git a/projects/cdk/date-time/day.ts b/projects/cdk/date-time/day.ts
index ebe7a1b27e31..b9db44aeb6a7 100644
--- a/projects/cdk/date-time/day.ts
+++ b/projects/cdk/date-time/day.ts
@@ -14,6 +14,11 @@ import {TuiYear} from './year';
  * Immutable date object, consisting of day, month and year
  */
 export class TuiDay extends TuiMonth {
+    /**
+     * @param year
+     * @param month (starting with 0)
+     * @param day
+     */
     constructor(
         year: number,
         month: number,
diff --git a/projects/core/components/textfield/textfield.component.ts b/projects/core/components/textfield/textfield.component.ts
index d72428928aae..2b77e8b03fd2 100644
--- a/projects/core/components/textfield/textfield.component.ts
+++ b/projects/core/components/textfield/textfield.component.ts
@@ -21,7 +21,7 @@ import type {TuiContext, TuiStringHandler} from '@taiga-ui/cdk/types';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiFocusedIn} from '@taiga-ui/cdk/utils/focus';
 import {tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';
-import {TuiButton} from '@taiga-ui/core/components/button';
+import {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';
 import type {TuiDataListHost} from '@taiga-ui/core/components/data-list';
 import {tuiAsDataListHost} from '@taiga-ui/core/components/data-list';
 import {TuiLabel} from '@taiga-ui/core/components/label';
@@ -49,7 +49,10 @@ import {TuiWithTextfieldDropdown} from './textfield-dropdown.directive';
     styles: ['@import "@taiga-ui/core/styles/components/textfield.less";'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [tuiAsDataListHost(TuiTextfieldComponent)],
+    providers: [
+        tuiButtonOptionsProvider({size: 'xs', appearance: 'icon'}),
+        tuiAsDataListHost(TuiTextfieldComponent),
+    ],
     hostDirectives: [
         TuiDropdownFixed,
         TuiDropdownDirective,
diff --git a/projects/demo/src/modules/components/textfield/examples/5/index.html b/projects/demo/src/modules/components/textfield/examples/5/index.html
index 1c3e24035341..2fc2bcaa166b 100644
--- a/projects/demo/src/modules/components/textfield/examples/5/index.html
+++ b/projects/demo/src/modules/components/textfield/examples/5/index.html
@@ -11,9 +11,7 @@
 
     <button
         *ngIf="value"
-        appearance="icon"
         iconStart="@tui.x"
-        size="xs"
         tabindex="-1"
         tuiIconButton
         type="button"
diff --git a/projects/demo/src/modules/components/textfield/examples/6/index.html b/projects/demo/src/modules/components/textfield/examples/6/index.html
index a66658cd380f..ef658ad2ec75 100644
--- a/projects/demo/src/modules/components/textfield/examples/6/index.html
+++ b/projects/demo/src/modules/components/textfield/examples/6/index.html
@@ -1,30 +1,27 @@
-<fieldset [disabled]="disable()">
+<fieldset
+    tuiTextfieldSize="s"
+    [disabled]="disable()"
+>
     <legend>Payment fieldset</legend>
 
-    <tui-textfield
-        iconStart="@tui.credit-card"
-        tuiTextfieldSize="s"
-    >
-        <label tuiLabel>Card number</label>
+    <tui-textfield iconStart="@tui.credit-card">
         <input
+            placeholder="Card number"
             tuiTextfield
             [(ngModel)]="card"
         />
     </tui-textfield>
 
-    <tui-textfield
-        iconStart="@tui.user"
-        tuiTextfieldSize="s"
-    >
-        <label tuiLabel>Card holder</label>
+    <tui-textfield iconStart="@tui.user">
         <input
+            placeholder="Card holder"
             tuiTextfield
             [(ngModel)]="name"
         />
     </tui-textfield>
 </fieldset>
 
-<label class="t-label">
+<label tuiLabel>
     <input
         size="s"
         tuiSwitch
diff --git a/projects/demo/src/modules/components/textfield/examples/6/index.less b/projects/demo/src/modules/components/textfield/examples/6/index.less
index 6cef6ad800d0..883c23b7564b 100644
--- a/projects/demo/src/modules/components/textfield/examples/6/index.less
+++ b/projects/demo/src/modules/components/textfield/examples/6/index.less
@@ -3,12 +3,3 @@ fieldset {
     flex-direction: column;
     gap: 1rem;
 }
-
-.t-label {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin-top: 0.25rem;
-    inline-size: fit-content;
-    cursor: pointer;
-}
diff --git a/projects/legacy/components/input-tag/input-tag.style.less b/projects/legacy/components/input-tag/input-tag.style.less
index ab2c66278f41..1344aa97bad1 100644
--- a/projects/legacy/components/input-tag/input-tag.style.less
+++ b/projects/legacy/components/input-tag/input-tag.style.less
@@ -279,3 +279,16 @@
     color: var(--tui-status-negative);
     font-size: 1rem;
 }
+
+:host._readonly .t-textfield-icon ::ng-deep [tuiAppearance][data-appearance='icon'] {
+    pointer-events: none;
+}
+
+@media @tui-mouse {
+    :host:not(._readonly):not(._disabled):hover
+        .t-textfield-icon
+        ::ng-deep
+        [tuiAppearance][data-appearance='icon']::after {
+        color: var(--tui-text-secondary);
+    }
+}
diff --git a/projects/legacy/components/primitive-textfield/primitive-textfield.style.less b/projects/legacy/components/primitive-textfield/primitive-textfield.style.less
index 0f8bd108294e..6c5cca31de45 100644
--- a/projects/legacy/components/primitive-textfield/primitive-textfield.style.less
+++ b/projects/legacy/components/primitive-textfield/primitive-textfield.style.less
@@ -65,3 +65,16 @@
     position: relative;
     pointer-events: none;
 }
+
+:host._readonly .t-textfield-icon ::ng-deep [tuiAppearance][data-appearance='icon'] {
+    pointer-events: none;
+}
+
+@media @tui-mouse {
+    :host:not(._readonly):not(._disabled):hover
+        .t-textfield-icon
+        ::ng-deep
+        [tuiAppearance][data-appearance='icon']::after {
+        color: var(--tui-text-secondary);
+    }
+}
diff --git a/projects/legacy/components/textarea/textarea.style.less b/projects/legacy/components/textarea/textarea.style.less
index 40289a02849f..4557e596aea5 100644
--- a/projects/legacy/components/textarea/textarea.style.less
+++ b/projects/legacy/components/textarea/textarea.style.less
@@ -310,3 +310,16 @@
     text-align: end;
     color: var(--tui-text-tertiary);
 }
+
+:host._readonly .t-textfield-icon ::ng-deep [tuiAppearance][data-appearance='icon'] {
+    pointer-events: none;
+}
+
+@media @tui-mouse {
+    :host:not(._readonly):not(._disabled):hover
+        .t-textfield-icon
+        ::ng-deep
+        [tuiAppearance][data-appearance='icon']::after {
+        color: var(--tui-text-secondary);
+    }
+}