fix modal z-index

src/components/FreeDevelopers/freeDevelopers.scss

@@ -1,6 +1,7 @@
 .free-dev {
-  overflow: hidden;
+  display: flex;
-  position: relative;
+  flex-direction: column;
+  min-height: 100vh;
   background-color: #f1f1f1;
 
   .link {
@@ -28,7 +29,11 @@
   }
 
   &_page {
-    margin: 24px 0 30px 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    color: #000000;
+    padding: 50px 0 0;
   }
 
   &__title {

src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx

@@ -35,7 +35,7 @@ import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowStart from "assets/icons/arrows/arrowStart.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
-import close from "assets/icons/close.png";
+import close from "assets/icons/crossWhite.svg";
 import fileDelete from "assets/icons/closeProjectPersons.svg";
 import del from "assets/icons/delete.svg";
 import edit from "assets/icons/edit.svg";
@@ -971,7 +971,7 @@ export const TicketFullScreen = () => {
                     />
                   </div>
                   <div className="time">
-                    <img src={watch}></img>
+                    <p>⏱</p>
                     <p>
                       {correctTimerTime(currentTimerCount.hours)}:
                       {correctTimerTime(currentTimerCount.minute)}:

src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss

@@ -49,8 +49,6 @@
 
 .fullscreen-workers {
   @media (max-width: 880px) {
-    background: #dff1ff;
-
     .workers_box {
       @media (max-width: 880px) {
         flex-direction: inherit !important;

src/components/ProfileHeader/profileHeader.scss

@@ -17,7 +17,7 @@
     justify-content: space-between;
     align-items: center;
     height: 100%;
-    z-index: 9999;
+    z-index: 9;
     max-width: 1160px;
     width: 100%;
     margin: 0 auto;

src/pages/CatalogSpecialists/CatalogSpecialists.jsx

@@ -145,9 +145,10 @@ const CatalogSpecialists = () => {
     }
   ];
   return (
-    <section className="catalog-specialists">
+    <div className="catalog-specialists">
       <AuthHeader />
-      <div className="container catalog-specialists__wrapper">
+      <SideBar />
+      <div className="catalog-specialists__content container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },
@@ -201,9 +202,8 @@ const CatalogSpecialists = () => {
           })}
         </div>
       </div>
-      <SideBar />
       <Footer />
-    </section>
+    </div>
   );
 };
 

src/pages/CatalogSpecialists/catalogSpecialists.scss

@@ -4,8 +4,20 @@
   flex-direction: column;
   min-height: 100vh;
 
-  &__wrapper {
+  &__content {
-    padding-top: 24px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    color: #000000;
+    padding: 50px 0 0;
+
+    @media (max-width: 1375px) {
+      padding-top: 100px;
+    }
+
+    @media (max-width: 1000px) {
+      background-color: white;
+    }
   }
 
   &__head {

src/pages/CompanyInfo/companyInfo.scss

@@ -1,7 +1,15 @@
 .company-info {
-  &__content {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background-color: #f1f1f1;
-    padding-top: 60px;
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    color: #000000;
+    padding: 50px 0 0;
 
     @media (max-width: 1375px) {
       padding-top: 120px;

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.jsx

@@ -83,8 +83,7 @@ export const FrequentlyAskedQuestions = () => {
     <div className="frequently-asked-questions">
       <AuthHeader />
       <SideBar />
-
+      <div className="container">
-      <div className="frequently-asked-questions__container container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss

@@ -8,9 +8,12 @@
     margin-top: 80px;
   }
 
-  &__container {
+  .container {
-    flex: 1 1 auto;
+    display: flex;
-    margin: 30px 0;
+    flex-direction: column;
+    flex: 1;
+    max-width: 1160px;
+    margin-top: 23px;
   }
 
   &__about {

src/pages/RegistrationSetting/registrationSetting.scss

@@ -1,9 +1,15 @@
 .registration-setting {
-  &__content {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background-color: #f1f1f1;
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
     color: #000000;
     padding: 50px 0 0;
-    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;

src/pages/TrackerAuth/trackerAuth.scss

@@ -8,7 +8,6 @@
     display: flex;
     flex-direction: column;
     flex: 1;
-
     color: #000000;
     padding: 50px 0 0;
 

src/pages/TrackerRegistration/trackerRegistration.scss

@@ -1,9 +1,15 @@
 .tracker-registration {
-  &__content {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background-color: #f1f1f1;
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
     color: #000000;
     padding: 50px 0 0;
-    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;