diff --git a/x-pack/plugins/security_solution/public/detections/components/rules/pick_timeline/index.tsx b/x-pack/plugins/security_solution/public/detections/components/rules/pick_timeline/index.tsx
index ffff647a01a698..89ab7298bac8a9 100644
--- a/x-pack/plugins/security_solution/public/detections/components/rules/pick_timeline/index.tsx
+++ b/x-pack/plugins/security_solution/public/detections/components/rules/pick_timeline/index.tsx
@@ -22,6 +22,7 @@ interface QueryBarDefineRuleProps {
   field: FieldHook;
   idAria: string;
   isDisabled: boolean;
+  placeholder?: string;
 }
 
 export const PickTimeline = ({
@@ -29,6 +30,7 @@ export const PickTimeline = ({
   field,
   idAria,
   isDisabled = false,
+  placeholder,
 }: QueryBarDefineRuleProps) => {
   const [timelineId, setTimelineId] = useState<string | null>(null);
   const [timelineTitle, setTimelineTitle] = useState<string | null>(null);
@@ -70,6 +72,7 @@ export const PickTimeline = ({
         timelineId={timelineId}
         timelineTitle={timelineTitle}
         onTimelineChange={handleOnTimelineChange}
+        placeholder={placeholder}
       />
     </EuiFormRow>
   );
diff --git a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/forms/timeline_template_form.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/forms/timeline_template_form.tsx
index 703e1b7b51fda5..3c5852926a5d72 100644
--- a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/forms/timeline_template_form.tsx
+++ b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/forms/timeline_template_form.tsx
@@ -91,6 +91,7 @@ const TimelineTemplateFormComponent = (props: TimelineTemplateFormProps) => {
         componentProps={{
           idAria: 'bulkEditRulesTimelineTemplateSelector',
           dataTestSubj: 'bulkEditRulesTimelineTemplateSelector',
+          placeholder: i18n.TEMPLATE_SELECTOR_PLACEHOLDER,
         }}
       />
     </BulkEditFormWrapper>
diff --git a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/translations.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/translations.tsx
index 3908c890b1f891..cce2d3e032a831 100644
--- a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/translations.tsx
+++ b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/bulk_actions/translations.tsx
@@ -32,6 +32,13 @@ export const bulkApplyTimelineTemplate = {
     }
   ),
 
+  TEMPLATE_SELECTOR_PLACEHOLDER: i18n.translate(
+    'xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.edit.applyTimelineTemplate.templateSelectorPlaceholder',
+    {
+      defaultMessage: 'Search Timeline template',
+    }
+  ),
+
   TEMPLATE_SELECTOR_DEFAULT_VALUE: i18n.translate(
     'xpack.securitySolution.detectionEngine.rules.allRules.bulkActions.edit.applyTimelineTemplate.templateSelectorDefaultValue',
     {
diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/search_super_select/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/search_super_select/index.tsx
index 2c4db3dc1c5a6f..bf8880afdf7209 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/timeline/search_super_select/index.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/search_super_select/index.tsx
@@ -27,11 +27,11 @@ const StyledEuiFieldText = styled(EuiFieldText)`
 
     // To match EuiFieldText focus state
     &:focus {
-      background-color: #fff;
+      background-color: ${({ theme }) => theme.eui.euiFormBackgroundColor};
       background-image: linear-gradient(
         to top,
-        #006bb4,
-        #006bb4 2px,
+        ${({ theme }) => theme.eui.euiFocusRingColor},
+        ${({ theme }) => theme.eui.euiFocusRingColor} 2px,
         transparent 2px,
         transparent 100%
       );
@@ -51,6 +51,7 @@ interface SearchTimelineSuperSelectProps {
   timelineId: string | null;
   timelineTitle: string | null;
   timelineType?: TimelineTypeLiteral;
+  placeholder?: string;
   onTimelineChange: (timelineTitle: string, timelineId: string | null) => void;
 }
 
@@ -72,6 +73,7 @@ const SearchTimelineSuperSelectComponent: React.FC<SearchTimelineSuperSelectProp
   timelineTitle,
   timelineType = TimelineType.template,
   onTimelineChange,
+  placeholder,
 }) => {
   const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 
@@ -89,6 +91,7 @@ const SearchTimelineSuperSelectComponent: React.FC<SearchTimelineSuperSelectProp
         readOnly
         disabled={isDisabled}
         onFocus={handleOpenPopover}
+        onClick={handleOpenPopover}
         value={timelineTitle ?? i18n.DEFAULT_TIMELINE_TITLE}
         icon="arrowDown"
       />
@@ -134,6 +137,7 @@ const SearchTimelineSuperSelectComponent: React.FC<SearchTimelineSuperSelectProp
         onClosePopover={handleClosePopover}
         onTimelineChange={onTimelineChange}
         timelineType={timelineType}
+        placeholder={placeholder}
       />
     </EuiInputPopover>
   );
diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/selectable_timeline/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/selectable_timeline/index.tsx
index 0c482999316633..e985d43e095c37 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/timeline/selectable_timeline/index.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/selectable_timeline/index.tsx
@@ -79,6 +79,7 @@ export interface SelectableTimelineProps {
     graphEventId?: string
   ) => void;
   timelineType: TimelineTypeLiteral;
+  placeholder?: string;
 }
 
 const SelectableTimelineComponent: React.FC<SelectableTimelineProps> = ({
@@ -87,6 +88,7 @@ const SelectableTimelineComponent: React.FC<SelectableTimelineProps> = ({
   onClosePopover,
   onTimelineChange,
   timelineType,
+  placeholder,
 }) => {
   const [pageSize, setPageSize] = useState(ORIGINAL_PAGE_SIZE);
   const [heightTrigger, setHeightTrigger] = useState(0);
@@ -152,7 +154,7 @@ const SelectableTimelineComponent: React.FC<SelectableTimelineProps> = ({
           <EuiIcon type={`${option.checked === 'on' ? 'check' : 'empty'}`} color="primary" />
         </EuiFlexItem>
         <TimelineContentItem grow={true}>
-          <EuiFlexGroup gutterSize="none" direction="column">
+          <EuiFlexGroup gutterSize="none" direction="column" responsive={false}>
             <EuiFlexItem data-test-subj="timeline">
               <EuiToolTip content={title} anchorClassName="eui-textTruncate eui-alignMiddle">
                 <EuiHighlight search={searchValue}>{title}</EuiHighlight>
@@ -210,9 +212,9 @@ const SelectableTimelineComponent: React.FC<SelectableTimelineProps> = ({
   const searchProps: EuiSelectableProps['searchProps'] = useMemo(
     () => ({
       'data-test-subj': 'timeline-super-select-search-box',
-      placeholder: i18n.SEARCH_BOX_TIMELINE_PLACEHOLDER(timelineType),
+      placeholder: placeholder ?? i18n.SEARCH_BOX_TIMELINE_PLACEHOLDER(timelineType),
       onSearch: onSearchTimeline,
-      incremental: true,
+      incremental: false,
       append: (
         <StyledEuiFilterButton
           data-test-subj="only-favorites-toggle"
@@ -223,7 +225,7 @@ const SelectableTimelineComponent: React.FC<SelectableTimelineProps> = ({
         </StyledEuiFilterButton>
       ),
     }),
-    [handleOnToggleOnlyFavorites, onSearchTimeline, onlyFavorites, timelineType]
+    [handleOnToggleOnlyFavorites, onSearchTimeline, onlyFavorites, timelineType, placeholder]
   );
 
   const listProps: EuiSelectableProps['listProps'] = useMemo(