Update tooltip design

deriv-com · Jan 16, 2025 · 64f05db · 64f05db
1 parent 390010e
commit 64f05db
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/features/dashboard/components/common-table/cell-copy-text.module.scss b/src/features/dashboard/components/common-table/cell-copy-text.module.scss
@@ -26,13 +26,23 @@
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
-  margin-top: 8px;
   z-index: 1000;
   white-space: nowrap;
   font-size: 12px;
   transition: opacity 0.3s ease, visibility 0.3s ease;
   opacity: 0;
   visibility: hidden;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: -6px;
+    left: 50%;
+    transform: translateX(-50%);
+    border-width: 0 6px 6px;
+    border-style: solid;
+    border-color: transparent transparent rgba(0, 0, 0, 0.75);
+  }
 }
 
 .tooltip.visible {