diff --git a/src/components/UI/ModalAdd/ModalAdd.js b/src/components/UI/ModalAdd/ModalAdd.js
new file mode 100644
index 00000000..f16c8240
--- /dev/null
+++ b/src/components/UI/ModalAdd/ModalAdd.js
@@ -0,0 +1,19 @@
+import React from "react";
+
+import "./modalAdd.scss";
+
+export const ModalAdd = ({ children, active, setActive }) => {
+  return (
+    <div
+      className={active ? "modal-add active" : "modal-add"}
+      onClick={() => setActive(false)}
+    >
+      <div className="modal-add__content" onClick={(e) => e.stopPropagation()}>
+        {children}
+        <span className="exit" onClick={() => setActive(false)}></span>
+      </div>
+    </div>
+  );
+};
+
+export default ModalAdd;
diff --git a/src/components/UI/ModalAdd/modalAdd.scss b/src/components/UI/ModalAdd/modalAdd.scss
new file mode 100644
index 00000000..86a6580d
--- /dev/null
+++ b/src/components/UI/ModalAdd/modalAdd.scss
@@ -0,0 +1,100 @@
+.modal-add {
+  z-index: 9;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.11);
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: scale(0);
+
+  &__content {
+    position: relative;
+    width: 424px;
+    height: 248px;
+    background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
+    border-radius: 40px;
+
+    padding: 15px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .title-project {
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+
+    .input-container {
+      width: 287px;
+      height: 35px;
+      background: #ffffff;
+      border-radius: 8px;
+    }
+
+    h4 {
+      font-weight: 500;
+      font-size: 22px;
+      line-height: 26px;
+      color: #263238;
+      margin-bottom: 22px;
+    }
+  }
+
+  .name-project {
+    margin-left: 10px;
+    border: none;
+    outline: none;
+    height: 100%;
+    width: 90%;
+    font-size: 14px;
+  }
+
+  .button-add {
+    margin: 30px 0 0 0;
+    width: 130px;
+    height: 37px;
+    background: #52b709;
+    border-radius: 44px;
+    border: none;
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 32px;
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .exit {
+    cursor: pointer;
+    position: absolute;
+    top: 35px;
+    right: 40px;
+
+    &:before,
+    &:after {
+      content: "";
+      position: absolute;
+      width: 16px;
+      height: 2px;
+      background: #263238;
+    }
+
+    &:before {
+      transform: rotate(45deg);
+    }
+    &:after {
+      transform: rotate(-45deg);
+    }
+  }
+}
+
+.modal-add.active {
+  transform: scale(1);
+}
diff --git a/src/components/UI/ModalCreate/ModalCreate.js b/src/components/UI/ModalCreate/ModalCreate.js
index fbf6099d..de7d8813 100644
--- a/src/components/UI/ModalCreate/ModalCreate.js
+++ b/src/components/UI/ModalCreate/ModalCreate.js
@@ -4,7 +4,7 @@ import { setProject } from "../../../redux/projectsTrackerSlice";
 
 import "./ModalCreate.scss";
 
-export const ModalCreate = ({ active, setActive, title, desc }) => {
+export const ModalCreate = ({ active, setActive, title }) => {
   const [inputValue, setInputValue] = useState("");
   const dispatch = useDispatch();
 
@@ -33,7 +33,6 @@ export const ModalCreate = ({ active, setActive, title, desc }) => {
       >
         <div className="title-project">
           <h4>{title}</h4>
-          <p>{desc}</p>
           <div className="input-container">
             <input
               className="name-project"
diff --git a/src/pages/Tracker/Tracker.js b/src/pages/Tracker/Tracker.js
index 5ab5a049..14c94683 100644
--- a/src/pages/Tracker/Tracker.js
+++ b/src/pages/Tracker/Tracker.js
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 
 import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
-import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { Footer } from "../../components/Footer/Footer";
 
 import { useDispatch, useSelector } from "react-redux";
@@ -9,6 +9,7 @@ import { getProjects } from "../../redux/projectsTrackerSlice";
 
 import ModalTiket from "../../components/UI/ModalTiket/ModalTiket";
 import ModalCreate from "../../components/UI/ModalCreate/ModalCreate";
+import ModalAdd from "../../components/UI/ModalAdd/ModalAdd";
 
 import project from "../../images/trackerProject.svg";
 import tasks from "../../images/trackerTasks.svg";
@@ -18,8 +19,8 @@ import selectArrow from "../../images/select.svg";
 import commentsBoard from "../../images/commentsBoard.svg";
 import filesBoard from "../../images/filesBoard.svg";
 import search from "../../images/serchIcon.png";
-import noProjects from "../../images/noProjects.png"
-import arrow from '../../images/arrowCalendar.png'
+import noProjects from "../../images/noProjects.png";
+import arrow from "../../images/arrowCalendar.png";
 
 import "./tracker.scss";
 
@@ -139,105 +140,104 @@ export const Tracker = () => {
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
-  ])
+  ]);
 
   const [archiveProjects] = useState([
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-      {
-        name: "Будущее России",
-        date: "7 марта 2023 г"
-      },
-    ]
-  )
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+    {
+      name: "Будущее России",
+      date: "7 марта 2023 г",
+    },
+  ]);
 
   const [completeTasks] = useState([
     {
@@ -245,112 +245,112 @@ export const Tracker = () => {
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
     {
       name: "PR - 2245",
       description: "Сверстать часть таблицы. Сверстать часть таблицы",
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
-      project: "Будущее России"
+      project: "Будущее России",
     },
   ]);
 
@@ -358,6 +358,7 @@ export const Tracker = () => {
 
   // Modal State
   const [modalActiveTicket, setModalActiveTicket] = useState(false);
+  const [modalAddWorker, setModalAddWorker] = useState(false);
   const [modalCreateProject, setModalCreateProject] = useState(false);
   const [modalCreateColl, setModalCreateColl] = useState(false);
   const [modalCreateTiket, setModalCreateTiket] = useState(false);
@@ -365,7 +366,7 @@ export const Tracker = () => {
   const [valueColl, setValueColl] = useState("");
   //
 
-  const [projectTasksOpen, setProjectTasksOpen] = useState(false)
+  const [projectTasksOpen, setProjectTasksOpen] = useState(false);
 
   const [selectedTab, setSelectedTab] = useState({
     name: "",
@@ -385,7 +386,7 @@ export const Tracker = () => {
 
   const toggleTabs = (index) => {
     if (projectTasksOpen) {
-      setProjectTasksOpen(false)
+      setProjectTasksOpen(false);
     }
     setToggleTab(index);
   };
@@ -532,10 +533,11 @@ export const Tracker = () => {
       <ProfileHeader />
       <div className="container">
         <div className="tracker__content">
-          <ProfileBreadcrumbs links={[
-            {name: 'Главная', link: '/profile'},
-            {name: 'Трекер', link: '/profile/tracker'}
-          ]}
+          <ProfileBreadcrumbs
+            links={[
+              { name: "Главная", link: "/profile" },
+              { name: "Трекер", link: "/profile/tracker" },
+            ]}
           />
           <h2 className="tracker__title">Управление проектами с трекером</h2>
         </div>
@@ -543,22 +545,22 @@ export const Tracker = () => {
       <div className="tracker__tabs">
         <div className="tracker__tabs__head">
           <div
-              className={toggleTab === 1 ? "tab active-tab" : "tab"}
-              onClick={() => toggleTabs(1)}
+            className={toggleTab === 1 ? "tab active-tab" : "tab"}
+            onClick={() => toggleTabs(1)}
           >
             <img src={project} alt="img" />
             <p>Проекты </p>
           </div>
           <div
-              className={toggleTab === 2 ? "tab active-tab" : "tab"}
-              onClick={() => toggleTabs(2)}
+            className={toggleTab === 2 ? "tab active-tab" : "tab"}
+            onClick={() => toggleTabs(2)}
           >
             <img src={tasks} alt="img" />
             <p>Все мои задачи</p>
           </div>
           <div
-              className={toggleTab === 3 ? "tab active-tab" : "tab"}
-              onClick={() => toggleTabs(3)}
+            className={toggleTab === 3 ? "tab active-tab" : "tab"}
+            onClick={() => toggleTabs(3)}
           >
             <img src={archive} alt="img" />
             <p>Архив</p>
@@ -566,94 +568,102 @@ export const Tracker = () => {
         </div>
         <div className="tracker__tabs__content">
           <div
-              className={
-                toggleTab === 1
-                    ? "tracker__tabs__content__projects active__content tracker__tabs__content__wrapper"
-                    : "tracker__tabs__content__projects tracker__tabs__content__wrapper"
-              }
+            className={
+              toggleTab === 1
+                ? "tracker__tabs__content__projects active__content tracker__tabs__content__wrapper"
+                : "tracker__tabs__content__projects tracker__tabs__content__wrapper"
+            }
           >
             <ModalCreate
-                active={modalCreateProject}
-                setActive={setModalCreateProject}
-                title={"Укажите название проекта:"}
+              active={modalCreateProject}
+              setActive={setModalCreateProject}
+              title={"Укажите название проекта:"}
             />
-            {Boolean(projects.length) && !projectTasksOpen &&
+            {Boolean(projects.length) &&
+              !projectTasksOpen &&
               projects.map((project, index) => {
                 return (
-                    <div className="project" key={index} onClick={() => setProjectTasksOpen(true)}>
-                      <h3>{project.name}</h3>
-                      <div className="project__info">
-                        <p>Открытые задачи</p>
-                        <span className="count">{project.count}</span>
-                        <span className="add">+</span>
-                      </div>
+                  <div
+                    className="project"
+                    key={index}
+                    onClick={() => setProjectTasksOpen(true)}
+                  >
+                    <h3>{project.name}</h3>
+                    <div className="project__info">
+                      <p>Открытые задачи</p>
+                      <span className="count">{project.count}</span>
+                      <span className="add">+</span>
                     </div>
+                  </div>
                 );
               })}
-              {!Boolean(projects.length) && !projectTasksOpen &&
-                <div className="no-projects">
-                  <div className="no-projects__createNew">
-                    <div>
-                      <img src={noProjects} alt="noProjectImg" />
-                      <p>Создайте свой первый проект</p>
-                    </div>
-                    <button className="createProjectBtn" onClick={() => setModalCreateProject(true)}>
-                      <span>+</span>Создать проект
-                    </button>
+            {!Boolean(projects.length) && !projectTasksOpen && (
+              <div className="no-projects">
+                <div className="no-projects__createNew">
+                  <div>
+                    <img src={noProjects} alt="noProjectImg" />
+                    <p>Создайте свой первый проект</p>
                   </div>
-                  <p className="no-projects__info">Ставьте задачи, следите за прогрессом, ведите учёт рабочего времени</p>
+                  <button
+                    className="createProjectBtn"
+                    onClick={() => setModalCreateProject(true)}
+                  >
+                    <span>+</span>Создать проект
+                  </button>
                 </div>
-              }
-            {Boolean(projects.length) && !projectTasksOpen &&
+                <p className="no-projects__info">
+                  Ставьте задачи, следите за прогрессом, ведите учёт рабочего
+                  времени
+                </p>
+              </div>
+            )}
+            {Boolean(projects.length) && !projectTasksOpen && (
               <div className="create-newProject">
-                <button className="createProjectBtn" onClick={() => setModalCreateProject(true)}>
+                <button
+                  className="createProjectBtn"
+                  onClick={() => setModalCreateProject(true)}
+                >
                   <span>+</span>Создать проект
                 </button>
-                <p>Ставьте задачи, следите за прогрессом, ведите учёт рабочего времени</p>
+                <p>
+                  Ставьте задачи, следите за прогрессом, ведите учёт рабочего
+                  времени
+                </p>
               </div>
-            }
+            )}
           </div>
           <div
-              className={
-                toggleTab === 1 && projectTasksOpen
-                    ? "tracker__tabs__content__tasks tasks active__content"
-                    : "tracker__tabs__content__projects"
-              }
+            className={
+              toggleTab === 1 && projectTasksOpen
+                ? "tracker__tabs__content__tasks tasks active__content"
+                : "tracker__tabs__content__projects"
+            }
           >
             <div className="tasks__head">
               <div className="tasks__head__wrapper">
                 <h4>Проект : Разработка трекера</h4>
-                <div
-                    className={
-                      modalCreateColl ? "modal-project active" : "modal-project"
-                    }
-                    onClick={() => setModalCreateColl(false)}
+
+                <ModalAdd
+                  active={modalCreateColl}
+                  setActive={setModalCreateColl}
                 >
-                  <div
-                      className="modal-project__content"
-                      onClick={(e) => e.stopPropagation()}
-                  >
-                    <div className="title-project">
-                      <h4>Введите название колонки</h4>
-                      <div className="input-container">
-                        <input
-                            className="name-project"
-                            value={valueColl}
-                            onChange={(e) => setValueColl(e.target.value)}
-                        ></input>
-                      </div>
+                  <div className="title-project">
+                    <h4>Введите название колонки</h4>
+                    <div className="input-container">
+                      <input
+                        className="name-project"
+                        value={valueColl}
+                        onChange={(e) => setValueColl(e.target.value)}
+                      ></input>
                     </div>
-                    <button className="create-project" onClick={createTab}>
-                      Создать
-                    </button>
                   </div>
-                </div>
+                  <button className="button-add" onClick={createTab}>
+                    Создать
+                  </button>
+                </ModalAdd>
+
                 <div className="tasks__head__add">
-                  <span
-                      onClick={() => setModalCreateColl(true)}
-                  >
-                        +
-                  </span>
+                  <span onClick={() => setModalCreateColl(true)}>+</span>
                   <p>добавить задачу в проект</p>
                 </div>
                 <div className="tasks__head__persons">
@@ -671,183 +681,173 @@ export const Tracker = () => {
                   <span>Мои</span>
                   <img src={selectArrow} alt="arrow" />
                 </div>
-                <div className="tasks__head__back" onClick={() => setProjectTasksOpen(false)}>
+                <div
+                  className="tasks__head__back"
+                  onClick={() => setProjectTasksOpen(false)}
+                >
                   <p>Вернуться на проекты</p>
-                  <img src={arrow} alt="arrow"/>
+                  <img src={arrow} alt="arrow" />
                 </div>
               </div>
             </div>
 
             <ModalTiket
-                active={modalActiveTicket}
-                setActive={setModalActiveTicket}
+              active={modalActiveTicket}
+              setActive={setModalActiveTicket}
             />
 
-            <div
-                className={
-                  modalCreateTiket ? "modal-project active" : "modal-project"
-                }
-                onClick={() => setModalCreateTiket(false)}
-            >
-              <div
-                  className="modal-project__content"
-                  onClick={(e) => e.stopPropagation()}
-              >
-                <div className="title-project">
-                  <h4>Введите название карточки</h4>
-                  <div className="input-container">
-                    <input
-                        className="name-project"
-                        value={valueTiket}
-                        onChange={(e) => setValueTiket(e.target.value)}
-                    ></input>
-                  </div>
+            <ModalAdd active={modalCreateTiket} setActive={setModalCreateTiket}>
+              <div className="title-project">
+                <h4>Введите название карточки</h4>
+                <div className="input-container">
+                  <input
+                    className="name-project"
+                    value={valueTiket}
+                    onChange={(e) => setValueTiket(e.target.value)}
+                  ></input>
                 </div>
-                <button className="create-project" onClick={createTiket}>
-                  Создать
-                </button>
               </div>
-            </div>
+              <button className="button-add" onClick={createTiket}>
+                Создать
+              </button>
+            </ModalAdd>
 
             <div className="tasks__container">
               {tabTaskMok.map((section, wrapperIndex) => {
                 return (
-                    <div
-                        key={wrapperIndex}
-                        onDragOver={(e) => dragOverHandler(e)}
-                        onDragEnter={(e) => dragEnterHandler(wrapperIndex)}
-                        onDrop={(e) => dragDropHandler(e, wrapperIndex)}
-                        className={`tasks__board ${
-                            section.tasks.length >= 3 ? "tasks__board__more" : ""
-                        } ${
-                            wrapperHover[wrapperIndex]
-                                ? "tasks__board__hover"
-                                : ""
-                        }`}
-                    >
-                      <div className="board__head">
-                          <span className={wrapperIndex === 3 ? "done" : ""}>
-                            {section.name}
-                          </span>
-                        <div>
-                            <span
-                                className="add"
-                                onClick={(e) =>
-                                    selectedTabTask(
-                                        e,
-                                        wrapperIndex,
-                                        section.name,
-                                        section.tasks
-                                    )
-                                }
-                            >
-                              +
-                            </span>
-                          <span className="more">...</span>
-                        </div>
-                      </div>
-                      {section.tasks.map((task, index) => {
-                        if (index > 2) {
-                          if (!section.open) {
-                            return;
+                  <div
+                    key={wrapperIndex}
+                    onDragOver={(e) => dragOverHandler(e)}
+                    onDragEnter={(e) => dragEnterHandler(wrapperIndex)}
+                    onDrop={(e) => dragDropHandler(e, wrapperIndex)}
+                    className={`tasks__board ${
+                      section.tasks.length >= 3 ? "tasks__board__more" : ""
+                    } ${
+                      wrapperHover[wrapperIndex] ? "tasks__board__hover" : ""
+                    }`}
+                  >
+                    <div className="board__head">
+                      <span className={wrapperIndex === 3 ? "done" : ""}>
+                        {section.name}
+                      </span>
+                      <div>
+                        <span
+                          className="add"
+                          onClick={(e) =>
+                            selectedTabTask(
+                              e,
+                              wrapperIndex,
+                              section.name,
+                              section.tasks
+                            )
                           }
-                        }
-                        return (
-                            <div
-                                key={index}
-                                className="tasks__board__item"
-                                draggable={true}
-                                onDragStart={(e) =>
-                                    dragStartHandler(e, task, wrapperIndex)
-                                }
-                                onDragEnd={(e) => dragEndHandler(e)}
-                                onClick={() => setModalActiveTicket(true)}
-                            >
-                              <div className="tasks__board__item__title">
-                                <p>{task.task}</p>
-                              </div>
-                              <p className="tasks__board__item__description">
-                                {task.description}
-                              </p>
-                              <div className="tasks__board__item__info">
-                                <div className="tasks__board__item__info__more">
-                                  <img src={commentsBoard} alt="commentsImg" />
-                                  <span>{task.comments} коментариев</span>
-                                </div>
-                                <div className="tasks__board__item__info__more">
-                                  <img src={filesBoard} alt="filesImg" />
-                                  <span>{task.files} файлов</span>
-                                </div>
-                                <div className="tasks__board__item__info__avatars">
-                                  <img src={task.avatarCreated} alt="avatar" />
-                                  <img src={task.avatarDo} alt="avatar" />
-                                </div>
-                              </div>
-                            </div>
-                        );
-                      })}
-                      {section.tasks.length > 3 && (
-                          <span
-                              className={
-                                section.open
-                                    ? "lessItems openItems"
-                                    : "moreItems openItems"
-                              }
-                              onClick={() => toggleMoreTasks(wrapperIndex)}
-                          >
-                            {section.open ? "-" : "+"}
-                          </span>
-                      )}
+                        >
+                          +
+                        </span>
+                        <span className="more">...</span>
+                      </div>
                     </div>
+                    {section.tasks.map((task, index) => {
+                      if (index > 2) {
+                        if (!section.open) {
+                          return;
+                        }
+                      }
+                      return (
+                        <div
+                          key={index}
+                          className="tasks__board__item"
+                          draggable={true}
+                          onDragStart={(e) =>
+                            dragStartHandler(e, task, wrapperIndex)
+                          }
+                          onDragEnd={(e) => dragEndHandler(e)}
+                          onClick={() => setModalActiveTicket(true)}
+                        >
+                          <div className="tasks__board__item__title">
+                            <p>{task.task}</p>
+                          </div>
+                          <p className="tasks__board__item__description">
+                            {task.description}
+                          </p>
+                          <div className="tasks__board__item__info">
+                            <div className="tasks__board__item__info__more">
+                              <img src={commentsBoard} alt="commentsImg" />
+                              <span>{task.comments} коментариев</span>
+                            </div>
+                            <div className="tasks__board__item__info__more">
+                              <img src={filesBoard} alt="filesImg" />
+                              <span>{task.files} файлов</span>
+                            </div>
+                            <div className="tasks__board__item__info__avatars">
+                              <img src={task.avatarCreated} alt="avatar" />
+                              <img src={task.avatarDo} alt="avatar" />
+                            </div>
+                          </div>
+                        </div>
+                      );
+                    })}
+                    {section.tasks.length > 3 && (
+                      <span
+                        className={
+                          section.open
+                            ? "lessItems openItems"
+                            : "moreItems openItems"
+                        }
+                        onClick={() => toggleMoreTasks(wrapperIndex)}
+                      >
+                        {section.open ? "-" : "+"}
+                      </span>
+                    )}
+                  </div>
                 );
               })}
             </div>
           </div>
           <div
-              className={
-                toggleTab === 2
-                    ? "tracker__tabs__content__allTasks taskList tasks active__content"
-                    : "tracker__tabs__content__projects"
-              }
+            className={
+              toggleTab === 2
+                ? "tracker__tabs__content__allTasks taskList tasks active__content"
+                : "tracker__tabs__content__projects"
+            }
           >
             <div className="taskList__head">
               <h3>Список всех задач</h3>
               <div className="taskList__head__search">
                 <img src={search} alt="search" />
                 <input
-                    type="text"
-                    placeholder="Найти задачу"
-                    onChange={(event) => filterArchiveTasks(event)}
+                  type="text"
+                  placeholder="Найти задачу"
+                  onChange={(event) => filterArchiveTasks(event)}
                 />
               </div>
             </div>
             <div className="taskList__wrapper">
               {allTasks.map((task, index) => {
-                  return(
-                      <div className="task" key={index}>
-                        <div className="task__info">
-                          <h5>{task.name}</h5>
-                          <p>{task.description}</p>
-                        </div>
-                        <div className="task__person">
-                          <img src={task.avatarDo} alt="avatar" />
-                          <div className="task__project">
-                            <p>{task.project}</p>
-                            <span>{task.dateComplete}</span>
-                          </div>
-                        </div>
+                return (
+                  <div className="task" key={index}>
+                    <div className="task__info">
+                      <h5>{task.name}</h5>
+                      <p>{task.description}</p>
+                    </div>
+                    <div className="task__person">
+                      <img src={task.avatarDo} alt="avatar" />
+                      <div className="task__project">
+                        <p>{task.project}</p>
+                        <span>{task.dateComplete}</span>
                       </div>
-                  )
-                })
-              }
+                    </div>
+                  </div>
+                );
+              })}
             </div>
           </div>
           <div
-              className={
-                toggleTab === 3
-                    ? "tracker__tabs__content__archive active__content"
-                    : "tracker__tabs__content__projects"
-              }
+            className={
+              toggleTab === 3
+                ? "tracker__tabs__content__archive active__content"
+                : "tracker__tabs__content__projects"
+            }
           >
             <div className="archive__tasks">
               <div className="archive__title">
@@ -856,36 +856,36 @@ export const Tracker = () => {
                 <div className="archive__tasks__search">
                   <img src={search} alt="search" />
                   <input
-                      type="text"
-                      placeholder="Найти задачу"
-                      onChange={(event) => filterArchiveTasks(event)}
+                    type="text"
+                    placeholder="Найти задачу"
+                    onChange={(event) => filterArchiveTasks(event)}
                   />
                 </div>
               </div>
               <div className="archive__tasksWrapper">
-                {Boolean(filterCompleteTasks.length) ?
+                {Boolean(filterCompleteTasks.length) ? (
                   filterCompleteTasks.map((task, index) => {
                     return (
-                        <div className="archive__completeTask" key={index}>
-                          <div className="archive__completeTask__description">
-                            <p>{task.description}</p>
-                            <p className="date">{task.dateComplete}</p>
-                          </div>
-                          <div className="archive__completeTask__info">
-                            <img src={task.avatarDo} alt="avatar" />
-                            <div className="archive__completeTask__info__project">
-                              <span>Проект</span>
-                              <p>{task.project}</p>
-                            </div>
+                      <div className="archive__completeTask" key={index}>
+                        <div className="archive__completeTask__description">
+                          <p>{task.description}</p>
+                          <p className="date">{task.dateComplete}</p>
+                        </div>
+                        <div className="archive__completeTask__info">
+                          <img src={task.avatarDo} alt="avatar" />
+                          <div className="archive__completeTask__info__project">
+                            <span>Проект</span>
+                            <p>{task.project}</p>
                           </div>
                         </div>
+                      </div>
                     );
                   })
-                  :
+                ) : (
                   <div className="archive__noItem">
                     <p>В архиве задач нет</p>
                   </div>
-                }
+                )}
               </div>
             </div>
             <div className="archive__projects">
@@ -894,22 +894,22 @@ export const Tracker = () => {
                 <p>{archiveProjects.length} проект(ов)</p>
               </div>
               <div className="archive__tasksWrapper">
-                {Boolean(archiveProjects) ?
+                {Boolean(archiveProjects) ? (
                   archiveProjects.map((project, index) => {
-                      return (
-                          <div className="archive__completeTask" key={index}>
-                            <div className="archive__completeTask__description">
-                              <p>{project.name}</p>
-                              <p className="date">{project.date}</p>
-                            </div>
-                          </div>
-                      )
-                    })
-                  :
+                    return (
+                      <div className="archive__completeTask" key={index}>
+                        <div className="archive__completeTask__description">
+                          <p>{project.name}</p>
+                          <p className="date">{project.date}</p>
+                        </div>
+                      </div>
+                    );
+                  })
+                ) : (
                   <div className="archive__noItem">
                     <p>В архиве проектов нет</p>
                   </div>
-                }
+                )}
               </div>
             </div>
           </div>