diff --git a/src/shared/assets/icons/search.svg b/src/shared/assets/icons/search.svg
new file mode 100644
index 00000000..f1a516c0
--- /dev/null
+++ b/src/shared/assets/icons/search.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.679 19.739C17.4734 20.6748 15.9564 21.116 14.4369 20.9728C12.9175 20.8296 11.5097 20.1127 10.5002 18.9681C9.49062 17.8234 8.95522 16.3371 9.00294 14.8117C9.05065 13.2862 9.67789 11.8363 10.757 10.757C11.8363 9.67789 13.2862 9.05065 14.8117 9.00294C16.3371 8.95522 17.8234 9.49062 18.9681 10.5002C20.1127 11.5097 20.8296 12.9175 20.9728 14.4369C21.116 15.9564 20.6748 17.4734 19.739 18.679L22.779 21.719C22.8777 21.8107 22.9499 21.9273 22.9879 22.0565C23.0259 22.1858 23.0284 22.3229 22.995 22.4534C22.9616 22.5839 22.8937 22.703 22.7983 22.7982C22.7029 22.8933 22.5836 22.961 22.453 22.994C22.3226 23.0274 22.1856 23.0251 22.0565 22.9872C21.9273 22.9494 21.8107 22.8775 21.719 22.779L18.679 19.739ZM19.499 14.999C19.5079 14.4026 19.3981 13.8104 19.176 13.2568C18.9539 12.7032 18.624 12.1993 18.2054 11.7744C17.7868 11.3496 17.2879 11.0121 16.7377 10.7818C16.1875 10.5515 15.597 10.4329 15.0005 10.4329C14.404 10.4329 13.8135 10.5515 13.2633 10.7818C12.7131 11.0121 12.2142 11.3496 11.7956 11.7744C11.377 12.1993 11.047 12.7032 10.825 13.2568C10.6029 13.8104 10.4931 14.4026 10.502 14.999C10.5196 16.1805 11.0013 17.3076 11.843 18.1368C12.6847 18.9661 13.8189 19.4309 15.0005 19.4309C16.1821 19.4309 17.3162 18.9661 18.158 18.1368C18.9997 17.3076 19.4814 16.1805 19.499 14.999Z" fill="currentColor"/>
+</svg>
diff --git a/src/shared/ui/redesigned/Input/ui/Input.module.scss b/src/shared/ui/redesigned/Input/ui/Input.module.scss
index ee1a7fb9..40f661fc 100644
--- a/src/shared/ui/redesigned/Input/ui/Input.module.scss
+++ b/src/shared/ui/redesigned/Input/ui/Input.module.scss
@@ -1,53 +1,48 @@
 .inputWrapper {
   display: flex;
+  align-items: center;
+  border-radius: 48px;
+  padding: 8px 16px;
+  border: 2px solid var(--icon-redesigned);
+  height: 38px;
+  width: 100%;
+}
+
+.addonLeft,
+.addonRight {
+  display: flex;
+}
+
+.withAddonLeft {
+  padding-left: 8px;
 }
 
-.placeholder {
-  margin-right: 5px;
+.withAddonRight {
+  padding-right: 8px;
+}
+
+.focused {
+  border: 2px solid var(--accent-redesigned);
+
+  .addonLeft svg,
+  .addonRight svg {
+    color: var(--accent-redesigned);
+  }
 }
 
 .input {
-  background: transparent;
   border: none;
   outline: none;
+  background: none;
   width: 100%;
-  color: transparent;
+  color: var(--text-redesigned);
   text-shadow: 0 0 0 var(--primary-color);
 
-  &:focus {
-    outline: none;
+  &::placeholder {
+    color: var(--hint-redesigned);
   }
 }
 
-.caretWrapper {
-  flex-grow: 1;
-  position: relative;
-}
-
-.caret {
-  width: 9px;
-  height: 3px;
-  background: var(--primary-color);
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  animation: blink 0.7s forwards infinite;
-}
-
 .readonly {
   opacity: 0.7;
 }
-
-@keyframes blink {
-  0% {
-    opacity: 0;
-  }
-
-  50% {
-    opacity: 0.01;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
diff --git a/src/shared/ui/redesigned/Input/ui/Input.tsx b/src/shared/ui/redesigned/Input/ui/Input.tsx
index 172aaee2..36638b34 100644
--- a/src/shared/ui/redesigned/Input/ui/Input.tsx
+++ b/src/shared/ui/redesigned/Input/ui/Input.tsx
@@ -1,11 +1,4 @@
-import React, {
-  InputHTMLAttributes,
-  memo,
-  SyntheticEvent,
-  useEffect,
-  useRef,
-  useState,
-} from 'react';
+import { InputHTMLAttributes, memo, ReactNode, useEffect, useRef, useState } from 'react';
 
 import { classNames, Mods } from '@/shared/lib/classNames';
 
@@ -22,6 +15,8 @@ interface InputProps extends HTMLInputProps {
   onChange?: (value: string) => void;
   autofocus?: boolean;
   readonly?: boolean;
+  addonLeft?: ReactNode;
+  addonRight?: ReactNode;
 }
 
 export const Input = memo((props: InputProps) => {
@@ -33,15 +28,14 @@ export const Input = memo((props: InputProps) => {
     placeholder,
     autofocus,
     readonly,
+    addonLeft,
+    addonRight,
     ...otherProps
   } = props;
 
   const ref = useRef<HTMLInputElement>(null);
 
   const [isFocused, setIsFocused] = useState(false);
-  const [caretPosition, setCaretPosition] = useState(0);
-
-  const isCaretVisible = isFocused && !readonly;
 
   useEffect(() => {
     if (autofocus) {
@@ -51,8 +45,6 @@ export const Input = memo((props: InputProps) => {
 
   const changeHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
     onChange?.(e.target.value);
-
-    setCaretPosition(e.target.value.length);
   };
 
   const onBlur = () => {
@@ -63,36 +55,31 @@ export const Input = memo((props: InputProps) => {
     setIsFocused(true);
   };
 
-  const onSelect = (event: SyntheticEvent<HTMLInputElement, Event>) => {
-    setCaretPosition(event?.currentTarget?.selectionStart || 0);
-  };
-
   const mods: Mods = {
     [cls.readonly]: readonly,
+    [cls.focused]: isFocused,
+    [cls.withAddonLeft]: Boolean(addonLeft),
+    [cls.withAddonRight]: Boolean(addonRight),
   };
 
   return (
     <div className={classNames(cls.inputWrapper, mods, [className])}>
-      {!!placeholder && <div className={cls.placeholder}>{`${placeholder}>`}</div>}
-
-      <div className={cls.caretWrapper}>
-        <input
-          ref={ref}
-          type={type}
-          value={value}
-          onChange={changeHandler}
-          onFocus={onFocus}
-          onBlur={onBlur}
-          onSelect={onSelect}
-          className={cls.input}
-          readOnly={readonly}
-          {...otherProps}
-        />
-
-        {isCaretVisible && (
-          <span className={cls.caret} style={{ left: `${caretPosition * 9}px` }} />
-        )}
-      </div>
+      {!!addonLeft && <div className={cls.addonLeft}>{addonLeft}</div>}
+
+      <input
+        ref={ref}
+        type={type}
+        value={value}
+        onChange={changeHandler}
+        onFocus={onFocus}
+        onBlur={onBlur}
+        className={cls.input}
+        readOnly={readonly}
+        placeholder={placeholder}
+        {...otherProps}
+      />
+
+      {!!addonRight && <div className={cls.addonRight}>{addonRight}</div>}
     </div>
   );
 });
diff --git a/src/widgets/ArticlesFilters/ArticlesFilters.tsx b/src/widgets/ArticlesFilters/ArticlesFilters.tsx
index 22e934c9..f209256d 100644
--- a/src/widgets/ArticlesFilters/ArticlesFilters.tsx
+++ b/src/widgets/ArticlesFilters/ArticlesFilters.tsx
@@ -9,6 +9,8 @@ import { ArticleTypeTabs } from '@/features/articleTypeTabs';
 import { VStack } from '@/shared/ui/redesigned/Stack';
 import { ArticleSortField, ArticleType } from '@/entities/Article';
 import { SortOrder } from '@/shared/types/sort';
+import SearchIcon from '@/shared/assets/icons/search.svg';
+import { Icon } from '@/shared/ui/redesigned/Icon';
 
 import cls from './ArticlesFilters.module.scss';
 
@@ -41,7 +43,12 @@ export const ArticlesFilters = memo((props: ArticlesFiltersProps) => {
   return (
     <Card className={classNames(cls.articlesFilters, {}, [className])} padding="24">
       <VStack gap="32">
-        <Input placeholder={t('Поиск')} value={search} onChange={onChangeSearch} />
+        <Input
+          placeholder={t('Поиск')}
+          value={search}
+          onChange={onChangeSearch}
+          addonLeft={<Icon Svg={SearchIcon} />}
+        />
 
         <ArticleTypeTabs className={cls.tabs} value={type} onChangeType={onChangeType} />