[K8] Small fixes (#98099)

src/plugins/discover/public/application/components/sidebar/discover_field_search.tsx

@@ -233,7 +233,7 @@ export function DiscoverFieldSearch({ onChange, value, types, useNewFieldsApi }:
 
   const footer = () => {
     return (
-      <EuiPopoverFooter>
+      <EuiPopoverFooter paddingSize="s">
         <EuiSwitch
           label={i18n.translate('discover.fieldChooser.filter.hideMissingFieldsLabel', {
             defaultMessage: 'Hide missing fields',
@@ -291,7 +291,7 @@ export function DiscoverFieldSearch({ onChange, value, types, useNewFieldsApi }:
             }}
             button={buttonContent}
           >
-            <EuiPopoverTitle>
+            <EuiPopoverTitle paddingSize="s">
               {i18n.translate('discover.fieldChooser.filter.filterByTypeLabel', {
                 defaultMessage: 'Filter by type',
               })}

src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss

@@ -120,9 +120,10 @@
 // EDITING MODE
 
 .embPanel--editing {
-  border-style: dashed;
-  border-color: $euiColorMediumShade;
+  border-style: dashed !important;
+  border-color: $euiColorMediumShade !important;
   transition: all $euiAnimSpeedFast $euiAnimSlightResistance;
+  border-width: $euiBorderWidthThin;
 
   &:hover,
   &:focus {

src/plugins/navigation/public/top_nav_menu/_index.scss

@@ -1,5 +1,13 @@
 .kbnTopNavMenu {
-  margin-right: $euiSizeXS;
+  @include kbnThemeStyle('v7') {
+    margin-right: $euiSizeXS;
+  }
+
+  @include kbnThemeStyle('v8') {
+    button:last-child {
+      margin-right: 0;
+    }
+  }
 }
 
 .kbnTopNavMenu__badgeWrapper {

src/plugins/presentation_util/public/components/solution_toolbar/items/button.scss

@@ -4,4 +4,9 @@
 
   // Lighten the border color for all states
   border-color: $euiBorderColor !important; // sass-lint:disable-line no-important
+
+  @include kbnThemeStyle('v8') {
+    border-width: $euiBorderWidthThin;
+    border-style: solid;
+  }
 }

src/plugins/presentation_util/public/components/solution_toolbar/items/quick_group.scss

@@ -1,6 +1,12 @@
 .quickButtonGroup {
   .quickButtonGroup__button {
     background-color: $euiColorEmptyShade;
+    @include kbnThemeStyle('v8') {
+      // sass-lint:disable-block no-important
+      border-width: $euiBorderWidthThin !important;
+      border-style: solid !important;
+      border-color: $euiBorderColor !important;
+    }
   }
 
   // Temporary fix for two tone icons to make them monochrome

x-pack/plugins/index_management/public/application/sections/home/components/filter_list_button.tsx

@@ -7,7 +7,7 @@
 
 import React, { useState } from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
-import { EuiFilterButton, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
+import { EuiFilterButton, EuiFilterGroup, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
 
 interface Filter {
   name: string;
@@ -65,26 +65,28 @@ export function FilterListButton<T extends string>({ onChange, filters }: Props<
   );
 
   return (
-    <EuiPopover
-      ownFocus
-      button={button}
-      isOpen={isPopoverOpen}
-      closePopover={closePopover}
-      panelPaddingSize="none"
-      data-test-subj="filterList"
-    >
-      <div className="euiFilterSelect__items">
-        {Object.entries(filters).map(([filter, item], index) => (
-          <EuiFilterSelectItem
-            checked={(item as Filter).checked}
-            key={index}
-            onClick={() => toggleFilter(filter as T)}
-            data-test-subj="filterItem"
-          >
-            {(item as Filter).name}
-          </EuiFilterSelectItem>
-        ))}
-      </div>
-    </EuiPopover>
+    <EuiFilterGroup>
+      <EuiPopover
+        ownFocus
+        button={button}
+        isOpen={isPopoverOpen}
+        closePopover={closePopover}
+        panelPaddingSize="none"
+        data-test-subj="filterList"
+      >
+        <div className="euiFilterSelect__items">
+          {Object.entries(filters).map(([filter, item], index) => (
+            <EuiFilterSelectItem
+              checked={(item as Filter).checked}
+              key={index}
+              onClick={() => toggleFilter(filter as T)}
+              data-test-subj="filterItem"
+            >
+              {(item as Filter).name}
+            </EuiFilterSelectItem>
+          ))}
+        </div>
+      </EuiPopover>
+    </EuiFilterGroup>
   );
 }