fix: Issue fixed. Styling is now in scss no longer in the typescript (#627)

Author: aiAdrian

src/app/services/analytics/origin-destination/components/origin-destination.component.scss

@@ -31,7 +31,14 @@
     line-height: 1.5;
     text-align: left;
     text-align: start;
+    background-color: var(--NODE_DOCKABLE);
+    border: 1px solid var(--COLOR_Default);
+    border-radius: 5px;
+    padding: 5px;
+    user-select: none;
+    pointer-events: none;
   }
+
   .palette-buttons {
     position: absolute;
     top: 16px;

src/app/services/analytics/origin-destination/components/origin-destination.component.ts

@@ -222,14 +222,7 @@ export class OriginDestinationComponent implements OnInit, AfterViewInit, OnDest
       .select("#main-origin-destination-container-root")
       .append("div")
       .style("opacity", 0)
-      .attr("class", "tooltip")
-      .style("background-color", "white")
-      .style("border", "solid")
-      .style("border-width", "2px")
-      .style("border-radius", "5px")
-      .style("padding", "5px")
-      .style("user-select", "none")
-      .style("pointer-events", "none");
+      .attr("class", "tooltip");
 
     // Three function that change the tooltip when user hover / move / leave a cell
     const mouseover = function (d: OriginDestination) {