update main

src/Components/DataTable/NormalTable.jsx

@@ -35,7 +35,6 @@ const DataTable = ({
             <Tr>
               {tableHeadRow.map((heading, index) => (
                 <Th
-                width={'fit-content'}
                   textAlign={
                     tableHeadRow.length - 1 === index || centered
                       ? "center"
@@ -43,7 +42,11 @@ const DataTable = ({
                   }
                   key={index}
                   p={3}
-                  w={columnWidth}
+                  width="120px" // Adjust width as needed
+                  color={"#004118"}
+                  whiteSpace="normal" // Allow text to wrap
+                  wordBreak="normal" // Ensure long words break properly
+                  overflowWrap="normal" // Break long words if necessary
                 >
                   {isLoading ? <Skeleton height="20px" /> : heading}
                   {/* {heading} */}