From 7a421b63749437d5aec243bbd5b5b05193b921d1 Mon Sep 17 00:00:00 2001
From: ewezy <ziyi.ewe@gojek.com>
Date: Tue, 16 Jul 2024 12:42:21 +0800
Subject: [PATCH] Add additional spacer to realign accordion title and icon

---
 .../components/config_section/ConfigSectionTitle.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/config_section/ConfigSectionTitle.js b/ui/src/components/config_section/ConfigSectionTitle.js
index ac86c105f..8a5cd6009 100644
--- a/ui/src/components/config_section/ConfigSectionTitle.js
+++ b/ui/src/components/config_section/ConfigSectionTitle.js
@@ -5,12 +5,13 @@ export const ConfigSectionTitle = ({ title, iconType }) => (
   <EuiTitle size="s">
     <span>
       <EuiTextColor color="success">
-        <span>
-          {!!iconType && (
-            <EuiIcon className="eui-alignBaseline" type={iconType} size="m" />
-          )}
-          &nbsp;{title}
-        </span>
+        <EuiSpacer size="s" />
+          <span>
+            {!!iconType && (
+              <EuiIcon className="eui-alignBaseline" type={iconType} size="m" />
+            )}
+            &nbsp;{title}
+          </span>
         <EuiSpacer size="s" />
       </EuiTextColor>
     </span>