diff --git a/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx b/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
index b90048a1..79f0117e 100644
--- a/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
+++ b/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
@@ -3,19 +3,20 @@ import { Icon } from '@iconify/react';
 
 const UniformityTableSkeleton = () => {
   return (
-    <div className='flex flex-col items-center justify-center gap-2 my-20'>
-      <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
-        <Button className='rounded-2xl border border-sky-500 bg-primary  text-white'>
+    <div className='flex flex-col items-center justify-center'>
+      <div className='border border-base-content/25 rounded-2xl p-1 flex items-center justify-center mb-9'>
+        <Button className='rounded-2xl border border-sky-500 bg-primary  text-white p-3 cursor-default'>
           <Icon
-            icon={'heroicons-outline:chart-bar'}
-            className='text-4xl text-whitd'
+            fontSize={26}
+            icon={'heroicons:document-text'}
+            className='text-white'
           />
         </Button>
       </div>
-      <span className='text-xl font-semibold text-[#18181B80] leading-5'>
+      <span className='text-xl font-semibold text-base-content/50 leading-5 mb-1'>
         No Data Available
       </span>
-      <span className='text-xs font-light text-[#18181B80] leading-4 text-center max-w-xs px-4'>
+      <span className='text-xs font-light text-base-content/50 leading-4 text-center max-w-xs px-4'>
         There is no uniformity data displayed. Enter uniformity check data to
         get started.
       </span>