Merge pull request #419 from RedisInsight/fix/RI-2595_fix_divider

#RI-2595-fix divider style

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/EnablementArea.tsx

@@ -72,6 +72,7 @@ const EnablementArea = ({
   const renderSwitch = (item: IEnablementAreaItem, sourcePath: string, level: number) => {
     const { label, type, children, id, args } = item
     const paddingsStyle = { paddingLeft: `${padding + level * 8}px`, paddingRight: `${padding}px` }
+    const borderStyle = { border: 'none', borderTop: '1px solid var(--separatorColor)' }
     switch (type) {
       case EnablementAreaComponent.Group:
         return (
@@ -82,8 +83,8 @@ const EnablementArea = ({
       case EnablementAreaComponent.CodeButton:
         return (
           <>
-            <div style={paddingsStyle} className="divider"><hr /></div>
-            <div style={{ marginTop: '24px', ...paddingsStyle }}>
+            <div style={paddingsStyle} className="divider"><hr style={borderStyle} /></div>
+            <div style={{ marginTop: '18px', ...paddingsStyle }}>
               {args?.path
                 ? <LazyCodeButton label={label} {...args} />
                 : <CodeButton onClick={() => openScript(args?.content || '')} label={label} {...args} />}