From f19482b849aae05f47296fbc2b11e5cc5a19bff7 Mon Sep 17 00:00:00 2001
From: Ashwini <amurthy.ashwini@gmail.com>
Date: Fri, 11 Oct 2024 12:27:51 +0000
Subject: [PATCH] fix wellplates name and external label display

---
 .../details/wellplates/designerTab/Well.js    | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/packs/src/apps/mydb/elements/details/wellplates/designerTab/Well.js b/app/packs/src/apps/mydb/elements/details/wellplates/designerTab/Well.js
index 321947ae52..dccbc6d553 100644
--- a/app/packs/src/apps/mydb/elements/details/wellplates/designerTab/Well.js
+++ b/app/packs/src/apps/mydb/elements/details/wellplates/designerTab/Well.js
@@ -14,14 +14,20 @@ export default class Well extends Component {
     const labels = label.split(',');
     if (labels.some(item => item === 'Molecular structure')) return svg;
 
-    const displayLabel = labels.map(labelPart => {
-      if (labelPart == 'Name') return sample.name;
-      if (labelPart == 'External Label') return sample.external_label;
-      return ''
-    }).join(', ')
+    const displayLabel = labels.map((labelPart) => {
+      if (labelPart === 'Name') return sample.name;
+      if (labelPart === 'External label') return sample.external_label;
+      return '';
+    }).join(', ');
 
-
-    return (<div>{displayLabel}</div>);
+    return (
+      <div
+        className="text-center lh-1"
+        style={{ fontSize: '0.8rem' }}
+      >
+        {displayLabel}
+      </div>
+    );
   }
 }