adjsuted width of tool tip display

Author: garrettlchow

src/app/components/StateRoute/ComponentMap/ComponentMap.tsx

@@ -116,15 +116,15 @@ export default function ComponentMap({
   const tooltipStyles: ToolTipStyles = {
     ...defaultStyles,
     minWidth: 60,
-    maxWidth: 300,
+    maxWidth: 250,
     lineHeight: '18px',
     zIndex: 100,
     pointerEvents: 'all !important',
   };
 
   const scrollStyle: {} = {
     minWidth: '60',
-    maxWidth: '300',
+    maxWidth: '250',
     minHeight: '20px',
     maxHeight: '200px',
     overflowY: 'scroll',

src/app/styles/layout/_stateContainer.scss

@@ -94,6 +94,7 @@
   color: white;
 }
 
+// bar graph container
 .bargraph-position {
   position: relative;
 }
@@ -114,7 +115,7 @@
 }
 
 .tooltip-container {
-  width: 300px;
+  width: 250px;
   background-color: #ffffff;
   border-radius: 8px;
   font-family: 'Outfit', sans-serif;