fix: scroll & line

src/Components/Molecules/ContractList/index.module.scss

@@ -44,6 +44,11 @@
 }
 
 .status {
+  display: flex;
+  width: 30%;
+  align-self: end;
+  align-items: end;
+  justify-content: end;
   &.ativo {
     color: #28a745; 
   }
@@ -78,3 +83,12 @@
   border: solid 1px #0D296E;
   padding: 10px;
 }
+
+.contractList::-webkit-scrollbar {
+  width: 5px;
+}
+
+.contractList::-webkit-scrollbar-thumb {
+  background-color: #0d296e;
+  border-radius: 10px;
+}

src/Components/Templates/HomeTemplate/index.jsx

@@ -1,10 +1,11 @@
 import React from "react";
 import PropTypes from "prop-types";
 import SubNavDash from "../../Organisms/SubNavDash";
+import styles from "./index.module.scss";
 
 function HomeTemplate({ children }) {
   return (
-    <div style={{maxHeight:'85vh', overflowY:'auto', overflowX:'hidden', width:'100%'}}>
+    <div className={styles.homeTemplate}>
       <SubNavDash />  
       {children}
     </div>

src/Components/Templates/HomeTemplate/index.module.scss

@@ -0,0 +1,15 @@
+.homeTemplate{
+    max-height: 85vh; 
+    overflow-Y: auto;
+    overflow-X: hidden;
+    width: 100%;
+}
+
+.homeTemplate::-webkit-scrollbar {
+  width: 5px;
+}
+
+.homeTemplate::-webkit-scrollbar-thumb {
+  background-color: #0d296e;
+  border-radius: 10px;
+}

src/Components/Templates/Organogram/index.module.scss

@@ -226,4 +226,12 @@
     outline: none !important;
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.363);
   }
-
+
+.organogramaPage::-webkit-scrollbar {
+    width: 5px;
+  }
+
+.organogramaPage::-webkit-scrollbar-thumb {
+    background-color: #0d296e;
+    border-radius: 10px;
+  }

src/Pages/Contratos/index.module.scss

@@ -8,11 +8,9 @@
 .container {
   display: flex;
   justify-content: space-between;
-
   gap: 1rem;
   width: auto;
-  max-height: 85vh; 
-  scrollbar-color: #000270 #f1f1f100; 
+  max-height: 85vh;   
   overflow-y: auto;
   }
   .contractList {
@@ -45,16 +43,6 @@
     margin: 0 10px;
 }
 
-
-.container::-webkit-scrollbar {
-  width: 5px;
-}
-
-.container::-webkit-scrollbar-thumb {
-  background-color: #0d296e;
-  border-radius: 10px;
-}
-
 .filterInput {
   width: 40%;
   background-color: rgba(235, 235, 235, 0.308);
@@ -74,4 +62,13 @@
 
 .filterContainer {
   margin-bottom: 2rem;
+}
+
+.detailsContainer::-webkit-scrollbar {
+  width: 5px;
+}
+
+.detailsContainer::-webkit-scrollbar-thumb {
+  background-color: #0d296e;
+  border-radius: 10px;
 }

src/Pages/Demandas/index.jsx

@@ -1,8 +1,9 @@
 import React from "react";
 import Kanban from "../../Components/Templates/Kanban";
+import styles from "./index.module.scss";
 
 const Demandas = () => {
-  return <div style={{maxHeight:'85vh', overflowY:'auto', overflowX:'hidden', width:'100%'}} >
+  return <div className={styles.demandasTemplate} >
   <Kanban />
   </div>;
 };

src/Pages/Demandas/index.module.scss

@@ -0,0 +1,16 @@
+.demandasTemplate{
+    max-Height: 85vh;
+    overflow-Y: auto;
+    overflow-X: hidden;
+    width: 100%;
+}
+
+.demandasTemplate::-webkit-scrollbar {
+    width: 5px;
+    background-color: rgb(248, 248, 248);
+  }
+
+.demandasTemplate::-webkit-scrollbar-thumb {
+    background-color: #0d296e;
+    border-radius: 10px;
+  }

src/Pages/Times/index.jsx

@@ -2,7 +2,9 @@ import React from "react";
 import OrganogramaPage from "../../Components/Templates/Organogram";
 
 const Times = () => {
-  return <div style={{maxHeight:'85vh', overflowY:'auto', overflowX:'hidden', width:'100%'}} ><OrganogramaPage /></div>;
+  return <>
+  <OrganogramaPage />
+  </>;
 };
 
 export default Times;

src/Styles/_global.scss

@@ -15,11 +15,11 @@
   }
 
   &::-webkit-scrollbar {
-    width: 5px;
+    width: 5px !important;
   }
 
   &::-webkit-scrollbar-thumb {
     background-color: #0d296e !important;
-    border-radius: 10px;
+    border-radius: 10px !important;
   }
 }