From 61bf2cc53cae99235d652c87135828cdfa72ef4b Mon Sep 17 00:00:00 2001
From: Maksim Chervonnyi <mail@redmax.dev>
Date: Mon, 16 Sep 2024 13:46:36 +0200
Subject: [PATCH] simpler css

---
 catalog/app/containers/Admin/Buckets/LongQueryConfig.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/catalog/app/containers/Admin/Buckets/LongQueryConfig.tsx b/catalog/app/containers/Admin/Buckets/LongQueryConfig.tsx
index 8f7eea30cb2..bee2b783d41 100644
--- a/catalog/app/containers/Admin/Buckets/LongQueryConfig.tsx
+++ b/catalog/app/containers/Admin/Buckets/LongQueryConfig.tsx
@@ -323,8 +323,9 @@ const useConfigsStyles = M.makeStyles((t) => ({
     display: 'flex',
     justifyContent: 'flex-end',
     padding: t.spacing(2, 0, 0),
-    '& > * + *': {
-      // Spacing between direct children
+  },
+  button: {
+    '& + &': {
       marginLeft: t.spacing(2),
     },
   },
@@ -358,11 +359,12 @@ export default function Configs({ bucket, tabulatorTables, onClose }: ConfigsPro
         />
       )}
       <div className={classes.actions}>
-        <M.Button type="button" onClick={onClose}>
+        <M.Button type="button" onClick={onClose} className={classes.button}>
           Close
         </M.Button>
         <M.Button
           type="button"
+          className={classes.button}
           onClick={() => setToAdd(true)}
           startIcon={<M.Icon>post_add</M.Icon>}
           disabled={toAdd}