diff --git a/libs/components/src/lib/text-area/text-area.scss b/libs/components/src/lib/text-area/text-area.scss
index 6157cb04c2..cc8a2ef50f 100644
--- a/libs/components/src/lib/text-area/text-area.scss
+++ b/libs/components/src/lib/text-area/text-area.scss
@@ -75,6 +75,21 @@ $outline-width: 2px;
 	resize: none;
 	transition: box-shadow .2s, background-color .2s, color .2s;
 
+	@supports selector(::-webkit-resizer) {
+		&::-webkit-resizer {
+			$resizer-size: 10px;
+
+			background-image: linear-gradient(315deg, transparent 0, transparent 2px,
+				var(#{constants.$vvd-color-canvas-text}) 2px, var(#{constants.$vvd-color-canvas-text}) 3px,
+				transparent 3px, transparent 5px, var(#{constants.$vvd-color-canvas-text}) 5px,
+				var(#{constants.$vvd-color-canvas-text}) 6px, transparent 6px, transparent 8px, transparent 100%);
+			background-repeat: no-repeat;
+			background-size: $resizer-size $resizer-size;
+			block-size: $resizer-size;
+			inline-size: $resizer-size;
+		}
+	}
+
 	&:disabled {
 		opacity: 1; /* 2. correct opacity on iOS */
 		pointer-events: none;
diff --git a/libs/components/src/lib/text-area/ui.test.ts-snapshots/snapshots-text-area-Desktop-Chromium-linux.png b/libs/components/src/lib/text-area/ui.test.ts-snapshots/snapshots-text-area-Desktop-Chromium-linux.png
index 139bbfa3d6..d320e2a506 100644
Binary files a/libs/components/src/lib/text-area/ui.test.ts-snapshots/snapshots-text-area-Desktop-Chromium-linux.png and b/libs/components/src/lib/text-area/ui.test.ts-snapshots/snapshots-text-area-Desktop-Chromium-linux.png differ