diff --git a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
index 44e5cf98..d817c69b 100644
--- a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
+++ b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
@@ -377,13 +377,13 @@ const ProjectFlockDetail = ({
                     disabled={projectFlock?.approval?.step_number == 1}
                   />
                   <div className='text-end'>
-                    <Badge
-                      className={{
-                        badge: 'rounded-lg',
-                      }}
-                    >
-                      Kapasitas {kandang?.capacity} Ekor
-                    </Badge>
+                    <StatusBadge
+                      color={
+                        kandang?.status === 'NON_ACTIVE' ? 'error' : 'success'
+                      }
+                      text={<>Kapasitas {kandang?.capacity} Ekor</>}
+                      className={{ badge: 'w-fit text-nowrap' }}
+                    />
                   </div>
                 </div>
               ))}