Fix temporary selectable horizontal card workaround to not break buttons inside card titles

cee-chen · cee-chen · commit 9cfe1dbeae26 · 2022-11-21T11:58:19.000-08:00
diff --git a/x-pack/plugins/canvas/public/components/datasource/datasource_selector.js b/x-pack/plugins/canvas/public/components/datasource/datasource_selector.js
@@ -19,7 +19,7 @@ export const DatasourceSelector = ({ onSelect, datasources, current }) => {
     padding-bottom: 60px;
     position: relative;
 
-    button {
+    & > button {
       position: absolute;
       left: 0;
       right: 0;
diff --git a/x-pack/plugins/security_solution/public/detections/components/rules/select_rule_type/index.tsx b/x-pack/plugins/security_solution/public/detections/components/rules/select_rule_type/index.tsx
@@ -108,7 +108,7 @@ export const SelectRuleType: React.FC<SelectRuleTypeProps> = ({
     padding-bottom: 60px;
     position: relative;
 
-    button {
+    & > button {
       position: absolute;
       left: 0;
       right: 0;
