diff --git a/assets/css/style.css b/assets/css/style.css
index d9d56fd..dd21bdf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -676,20 +676,37 @@ a:hover {
   justify-content: space-between;
 }
 
-.tooltip-icon {
-  width: 20px;
-  margin: 5px;
+.tooltip-container {
+  display: flex;
+  align-items: flex-start;
+  justify-content: end;
+  max-width: 50%;
 }
 
-.tooltip-text {
+.tooltip-container .tooltip-text {
   display: none;
   position: relative;
   background-color: #fff8c5;
   border: 1px solid #d4a72c;
   padding: 5px;
   margin-top: 5px;
-  z-index: 1;
-  width: 30vw;
+  margin-bottom: 5px;
+  z-index: 10;
   color: black;
   border-radius: 5px;
 }
+
+.tooltip-container:hover .tooltip-text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.tooltip-container .tooltip-icon {
+  width: 20px;
+  margin: 5px;
+}
+
+.tooltip-copy:hover {
+  cursor: pointer;
+}
diff --git a/assets/img/copy-icon.svg b/assets/img/copy-icon.svg
new file mode 100644
index 0000000..a939f58
--- /dev/null
+++ b/assets/img/copy-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#737373" class="bi bi-copy" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>
+</svg>
diff --git a/src/Editor/MeiTools.ts b/src/Editor/MeiTools.ts
index ab3c67e..92231ec 100644
--- a/src/Editor/MeiTools.ts
+++ b/src/Editor/MeiTools.ts
@@ -1,5 +1,7 @@
 import Handsontable from 'handsontable';
 import { updateStatus } from './ValidationTools';
+import * as Notification from '../utils/Notification';
+
 export class MeiTools {
   private meiData: any[];
   public validationInProgress = false;
@@ -102,26 +104,41 @@ export class MeiTools {
         invalidContainer.appendChild(meiData);
 
         // tooltip icon and text
-        const tooltipText = document.createElement('span');
-        tooltipText.className = 'tooltip-text';
-        tooltipText.textContent = mei.errorMsg;
+        const tooltipContainer = document.createElement('div');
+        tooltipContainer.className = 'tooltip-container';
+
+        const tooltipContent = document.createElement('div');
+        tooltipContent.className = 'tooltip-text';
+        tooltipContent.textContent = mei.errorMsg;
+
+        const copyBtn = document.createElement('img');
+        copyBtn.src = './Cress-gh/assets/img/copy-icon.svg';
+        copyBtn.className = 'tooltip-copy';
 
         const tooltipIcon = document.createElement('img');
         tooltipIcon.src = './Cress-gh/assets/img/info-icon.svg';
         tooltipIcon.className = 'tooltip-icon';
 
-        invalidContainer.appendChild(tooltipText);
-        invalidContainer.appendChild(tooltipIcon);
-
-        tooltipIcon.addEventListener('mouseover', () => {
-          tooltipText.style.display = 'block';
-        });
-        tooltipIcon.addEventListener('mouseout', () => {
-          tooltipText.style.display = 'none';
-        });
+        tooltipContent.appendChild(copyBtn);
+        tooltipContainer.appendChild(tooltipContent);
+        tooltipContainer.appendChild(tooltipIcon);
+        invalidContainer.appendChild(tooltipContainer);
 
         td.appendChild(invalidContainer);
         td.style.backgroundColor = '#ffbeba';
+
+        copyBtn.addEventListener('click', () => {
+          // Copy the tooltipContent's text to the clipboard
+          navigator.clipboard
+            .writeText(mei.errorMsg)
+            .then(() => {
+              Notification.queueNotification('Copied to clipboard', 'success');
+            })
+            .catch((err) => {
+              Notification.queueNotification('Failed to copy text', 'error');
+              console.error('Failed to copy text: ', err);
+            });
+        });
       } else {
         td.textContent = mei.mei;
       }