diff --git a/src/components/Patient/SampleDetails.tsx b/src/components/Patient/SampleDetails.tsx
index c5282a65c1f..edc0b4d53a6 100644
--- a/src/components/Patient/SampleDetails.tsx
+++ b/src/components/Patient/SampleDetails.tsx
@@ -477,7 +477,11 @@ export const SampleDetails = ({ id }: DetailRoute) => {
       <div className="mb-4">
         <h4 className="mt-8">{t("sample_test_history")}</h4>
         {sampleDetails?.flow &&
-          sampleDetails.flow.map((flow: FlowModel) => renderFlow(flow))}
+          sampleDetails.flow.map((flow: FlowModel) => (
+            <div key={flow.id} className="mb-2">
+              {renderFlow(flow)}
+            </div>
+          ))}
       </div>
 
       <FileUpload