feat(advanced-roi-tools): new tools and icon updates and overlay bug fixes (#4014)

platform/ui/src/components/SplitButton/SplitButton.tsx

@@ -10,8 +10,7 @@ import ListMenu from '../ListMenu';
 
 const baseClasses = {
   Button: 'flex items-center rounded-md border-transparent group/button',
-  Primary:
-    'h-full border-l-2 border-t-2 border-b-2 rounded-tl-md rounded-bl-md group/primary !pl-2 !py-2',
+  Primary: 'h-full rounded-tl-md rounded-bl-md group/primary',
   Secondary:
     'h-full flex items-center justify-center rounded-tr-md rounded-br-md w-4 border-2 border-transparent group/secondary',
   SecondaryIcon: 'w-4 h-full stroke-1',
@@ -32,7 +31,7 @@ const classes = {
       isActive
         ? isExpanded
           ? 'border-primary-dark !bg-primary-dark hover:border-primary-dark !text-primary-light'
-          : 'border-primary-light bg-primary-light border-2 rounded-md !p-2'
+          : 'border-primary-light bg-primary-light border-2 rounded-md'
         : `focus:!text-black focus:!rounded-md focus:!border-primary-light focus:!bg-primary-light ${isExpanded ? 'border-primary-dark bg-primary-dark !text-primary-light' : 'border-secondary-dark bg-secondary-dark group-hover/button:border-primary-dark group-hover/button:text-primary-light hover:!bg-primary-dark hover:border-primary-dark focus:!text-black'}`
     ),
   Secondary: ({ isExpanded, primary }) =>
@@ -74,7 +73,7 @@ const DefaultListItemRenderer = props => {
         <span className="mr-4">
           <Icon
             name={icon}
-            className="h-5 w-5"
+            className="h-[28px] w-[28px]"
           />
         </span>
       )}