fixes timeline data providers tests (#51862) (#51869)

Author: MadameSheema

x-pack/legacy/plugins/siem/cypress/integration/lib/hosts/selectors.ts

@@ -8,7 +8,7 @@
 export const ALL_HOSTS_WIDGET = '[data-test-subj="table-allHosts-loading-false"]';
 
 /** A single draggable host in the `All Hosts` widget on the `Hosts` page */
-export const ALL_HOSTS_WIDGET_HOST = '[data-react-beautiful-dnd-drag-handle]';
+export const ALL_HOSTS_WIDGET_HOST = '[data-test-subj="draggable-content-host.name"]';
 
 /** All the draggable hosts in the `All Hosts` widget on the `Hosts` page */
 export const ALL_HOSTS_WIDGET_DRAGGABLE_HOSTS = `${ALL_HOSTS_WIDGET} ${ALL_HOSTS_WIDGET_HOST}`;

x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx

@@ -40,7 +40,7 @@ const ReactDndDropTarget = styled.div<{ isDraggingOver: boolean; height: string
         background-color: ${rgba(props.theme.eui.euiColorSuccess, 0.3)};
     }
   > div.timeline-drop-area-empty {
-     color: ${props.theme.eui.euiColorSuccess}
+     color: ${props.theme.eui.euiColorSuccess};
      background-color: ${rgba(props.theme.eui.euiColorSuccess, 0.2)};
 
      & .euiTextColor--subdued {