diff --git a/src/components/JobGroups/GroupList.jsx b/src/components/JobGroups/GroupList.jsx
index 749ccf8..6ba0d80 100644
--- a/src/components/JobGroups/GroupList.jsx
+++ b/src/components/JobGroups/GroupList.jsx
@@ -30,7 +30,7 @@ export default function GroupList({
 
   return (
     <>
-      <div className="p-5 w-full lg:w-[400px] min-h-[300px] bg-sky-100 dark:bg-dark-gray rounded-2xl">
+      <div className="p-5 w-full lg:w-[400px] min-h-[300px] bg-sky-100 dark:bg-dark-gray rounded-2xl flex flex-col">
         {/* <h1 className='mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100'>Jobs Groups</h1> */}
         <div className="flex justify-end items-center">
           <button
@@ -46,7 +46,7 @@ export default function GroupList({
             No Group Found!
           </h1>
         ) : (
-          <div className="my-4 max-h-[400px] overflow-y-auto">
+          <div className="my-4 max-h-[596px] bg-[#fffef6] rounded overflow-y-auto flex-1">
             <div className="flex flex-col">
               {groupList.map((item) => (
                 <div
diff --git a/src/components/JobGroups/JobGroups.jsx b/src/components/JobGroups/JobGroups.jsx
index 3a1eae6..ae081f8 100644
--- a/src/components/JobGroups/JobGroups.jsx
+++ b/src/components/JobGroups/JobGroups.jsx
@@ -90,7 +90,7 @@ export default function JobGroups() {
     <Layout>
       <div>
         <h1 className="mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100">
-          Jobs Groups
+          Job Groups
         </h1>
       </div>
       <div className="p-5 w-full min-h-[400px] flex flex-col lg:flex-row gap-3 lg:gap-6 rounded-lg shadow-md bg-white dark:bg-dark-white">