diff --git a/src/components/Dashboards/FamilyParentDashboard.jsx b/src/components/Dashboards/FamilyParentDashboard.jsx
index 3d3b1a0..50b4e02 100644
--- a/src/components/Dashboards/FamilyParentDashboard.jsx
+++ b/src/components/Dashboards/FamilyParentDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full h-[47px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full md:h-[47px] xxs:h-[74px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -25,7 +25,7 @@ export default function JobOwnerDashboard({
         backgroundSize: "cover",
       }}
     >
-      <div className="h-full flex w-full justify-between mb-5 lg:mb-0">
+      <div className="h-full flex flex-wrap w-full justify-between mb-5 lg:mb-0">
         {/* heading */}
         <div className="flex gap-8">
           <h1 className="text-base ng font-medium text-white tracking-wide">
diff --git a/src/components/Dashboards/HomeDashboard.jsx b/src/components/Dashboards/HomeDashboard.jsx
index 3d3b1a0..50b4e02 100644
--- a/src/components/Dashboards/HomeDashboard.jsx
+++ b/src/components/Dashboards/HomeDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full h-[47px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full md:h-[47px] xxs:h-[74px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -25,7 +25,7 @@ export default function JobOwnerDashboard({
         backgroundSize: "cover",
       }}
     >
-      <div className="h-full flex w-full justify-between mb-5 lg:mb-0">
+      <div className="h-full flex flex-wrap w-full justify-between mb-5 lg:mb-0">
         {/* heading */}
         <div className="flex gap-8">
           <h1 className="text-base ng font-medium text-white tracking-wide">
diff --git a/src/components/Dashboards/JobOwnerDashboard.jsx b/src/components/Dashboards/JobOwnerDashboard.jsx
index cb50e8e..e658fef 100644
--- a/src/components/Dashboards/JobOwnerDashboard.jsx
+++ b/src/components/Dashboards/JobOwnerDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full h-[47px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full md:h-[47px] xxs:h-[74px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -25,7 +25,7 @@ export default function JobOwnerDashboard({
         backgroundSize: "cover",
       }}
     >
-      <div className="h-full flex w-full justify-between mb-5 lg:mb-0">
+      <div className="h-full flex flex-wrap w-full justify-between mb-5 lg:mb-0">
         {/* heading */}
         <div className="flex gap-8">
           <h1 className="text-base font-medium text-white tracking-wide">
diff --git a/src/components/Dashboards/WorkerDashboard.jsx b/src/components/Dashboards/WorkerDashboard.jsx
index 3d3b1a0..50b4e02 100644
--- a/src/components/Dashboards/WorkerDashboard.jsx
+++ b/src/components/Dashboards/WorkerDashboard.jsx
@@ -16,7 +16,7 @@ export default function JobOwnerDashboard({
 
   return (
     <div
-      className={`w-full h-[47px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
+      className={`w-full md:h-[47px] xxs:h-[74px] flex p-1 flex-wrap justify-between items-center gap-2 rounded-2xl overflow-hidden bg-sky-blue ${
         className || ""
       }`}
       style={{
@@ -25,7 +25,7 @@ export default function JobOwnerDashboard({
         backgroundSize: "cover",
       }}
     >
-      <div className="h-full flex w-full justify-between mb-5 lg:mb-0">
+      <div className="h-full flex flex-wrap w-full justify-between mb-5 lg:mb-0">
         {/* heading */}
         <div className="flex gap-8">
           <h1 className="text-base ng font-medium text-white tracking-wide">