diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 552cd98f..1501ed62 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -1541,10 +1541,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
           {/* FCR & Mortality Metrics - Detail View Only */}
           {type === 'detail' && initialValues && (
             <div
-              className={`grid gap-6 mb-6 ${
+              className={`grid gap-6 mb-6 grid-cols-1 ${
                 initialValues.project_flock_category === 'LAYING'
-                  ? 'grid-cols-3'
-                  : 'grid-cols-2'
+                  ? 'xl:grid-cols-3'
+                  : 'xl:grid-cols-2'
               }`}
             >
               {/* FCR Section */}