🎨 collapse component color goes out of border fix

* Color of the Collapse component goes out of border fix

* Color of the Collapse component goes out of border fix

* made it cleaner

* fix

cyclops-ui/src/components/pages/ModuleDetails.tsx

@@ -380,7 +380,7 @@ const ModuleDetails = () => {
     );
   };
 
-  resources.forEach((resource: any) => {
+  resources.forEach((resource: any, index) => {
     let collapseKey =
       resource.kind + "/" + resource.namespace + "/" + resource.name;
     let statusIcon = <p />;
@@ -471,12 +471,15 @@ const ModuleDetails = () => {
         />
       );
     }
-
     resourceCollapses.push(
       <Collapse.Panel
         header={genExtra(resource, resource.status)}
         key={collapseKey}
-        style={{ backgroundColor: getCollapseColor(collapseKey) }}
+        style={{
+          backgroundColor: getCollapseColor(collapseKey),
+          borderTopLeftRadius: index == 0 ? "7px" : "0px",
+          borderTopRightRadius: index == 0 ? "7px" : "0px",
+        }}
       >
         <Row>
           <Col>{deletedWarning}</Col>