src/components/master/CreateRole.jsx

@@ -141,7 +141,7 @@ const CreateRole = ({ modalType, onClose }) => {
         )}
       </div>
 
-      <div className="col-12 border px-3"
+      <div className="border rounded px-3"
         style={{
           maxHeight: "350px", // Adjust this as needed
           overflowY: "auto",

src/components/master/EditRole.jsx

@@ -200,12 +200,13 @@ const EditMaster = ({ master, onClose }) => {
       </div>
 
      <div className="col-12 text-start">
-        {/* Scrollable Container */}
+  {/* Scrollable Container with Border */}
   <div
+    className="border rounded p-3" // ✅ border applied here
     style={{
-            maxHeight: "350px", // adjust as needed
+      maxHeight: "350px",
       overflowY: "auto",
-            paddingRight: "10px", // for better scrollbar spacing
+      paddingRight: "10px", // spacing for scrollbar
     }}
   >
     {masterFeatures.map((feature, featureIndex) => (
@@ -284,6 +285,7 @@ const EditMaster = ({ master, onClose }) => {
 </div>
 
 
+
       <div className="col-12 text-center">
         <button type="submit" className="btn btn-sm btn-primary me-3"> {isLoading ? "Please Wait..." : "Submit"}</button>
         <button