diff --git a/dashboard/src/components/dashboard/ProductGrid.jsx b/dashboard/src/components/dashboard/ProductGrid.jsx
index f4bb232..1ba74d8 100644
--- a/dashboard/src/components/dashboard/ProductGrid.jsx
+++ b/dashboard/src/components/dashboard/ProductGrid.jsx
@@ -104,7 +104,7 @@ const ProductGrid = ({
       </td>
       <td className="p-1 align-middle min-w-[200px]">
         <div className="flex flex-col gap-1">
-          <Skeleton className="h-4 w-[180px]" />
+          <Skeleton className="h-4 w-[130px]" />
           <Skeleton className="h-3 w-[120px]" />
         </div>
       </td>
@@ -183,7 +183,7 @@ const ProductGrid = ({
               value={selectedTimeRange}
               onValueChange={handleTimeRangeChange}
             >
-              <SelectTrigger className="w-[120px] h-9">
+              <SelectTrigger className="w-[130px] h-9">
                 <SelectValue placeholder="Select time range" />
               </SelectTrigger>
               <SelectContent>
diff --git a/dashboard/src/components/dashboard/SalesChart.jsx b/dashboard/src/components/dashboard/SalesChart.jsx
index 6fde004..db4d112 100644
--- a/dashboard/src/components/dashboard/SalesChart.jsx
+++ b/dashboard/src/components/dashboard/SalesChart.jsx
@@ -848,7 +848,7 @@ const SalesChart = ({
                 value={selectedTimeRange}
                 onValueChange={handleTimeRangeChange}
               >
-                <SelectTrigger className="w-[180px] h-9">
+                <SelectTrigger className="w-[130px] h-9">
                   <SelectValue placeholder="Select time range" />
                 </SelectTrigger>
                 <SelectContent>
diff --git a/dashboard/src/components/dashboard/StatCards.jsx b/dashboard/src/components/dashboard/StatCards.jsx
index 744bebf..61191a0 100644
--- a/dashboard/src/components/dashboard/StatCards.jsx
+++ b/dashboard/src/components/dashboard/StatCards.jsx
@@ -1501,7 +1501,7 @@ const StatCards = ({
               </div>
               <div className="flex items-center gap-4">
                 <Skeleton className="h-4 w-32" />
-                <Skeleton className="h-9 w-[180px]" />
+                <Skeleton className="h-9 w-[130px]" />
               </div>
             </div>
           </div>
@@ -1536,7 +1536,7 @@ const StatCards = ({
                   </span>
                 )}
                 <Select value={timeRange} onValueChange={setTimeRange}>
-                  <SelectTrigger className="w-[180px] h-9">
+                  <SelectTrigger className="w-[130px] h-9">
                     <SelectValue placeholder="Select time range" />
                   </SelectTrigger>
                   <SelectContent>
@@ -1587,7 +1587,7 @@ const StatCards = ({
                 </span>
               )}
               <Select value={timeRange} onValueChange={setTimeRange}>
-                <SelectTrigger className="w-[180px] h-9">
+                <SelectTrigger className="w-[130px] h-9">
                   <SelectValue placeholder="Select time range" />
                 </SelectTrigger>
                 <SelectContent>