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) => (
@@ -281,7 +282,8 @@ const EditMaster = ({ master, onClose }) => {
   {errors.permissions && (
     <p className="text-danger">{errors.permissions.message}</p>
   )}
-      </div>
+</div>
+
 
 
       <div className="col-12 text-center">