css fix

src/client/js/components/Admin/SlackIntegration/CustomBotWithoutProxySettings.jsx

@@ -132,7 +132,7 @@ const CustomBotWithoutProxySettings = (props) => {
 
       <AdminUpdateButtonRow onClick={updateHandler} disabled={false} />
 
-      <div className="my-5 mx-3 bg-alert">
+      <div className="my-5 mx-3">
         <CustomBotWithoutProxySettingsAccordion />
       </div>
 

src/client/js/components/Admin/SlackIntegration/CustomBotWithoutProxySettingsAccordion.jsx

@@ -10,12 +10,11 @@ const CustomBotWithoutSettingsAccordion = () => {
   };
 
   return (
-
-    <div className="card border-0 rounded-lg shadow" id="customBotWithoutProxySettingsAccordion">
+    <div className="card border-0 rounded-lg shadow overflow-hidden" id="customBotWithoutProxySettingsAccordion">
 
       <div className="card border-0 rounded-lg mb-0">
         <div className="card-header clickable" onClick={() => toggleAccordion(0)}>
-          <p className="mb-0">① {t('slack_integration.without_proxy.create_bot')}</p>
+          <p className="mb-0 bot-setup-accordion-header-text">{`① ${t('slack_integration.without_proxy.create_bot')}`}</p>
         </div>
         <Collapse isOpen={currentlyOpenAccordionIndex === 0}>
           <div className="card-body">
@@ -44,7 +43,7 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div className="card-header clickable" onClick={() => toggleAccordion(1)}>
-          <p className="mb-0">② {t('slack_integration.without_proxy.install_bot_to_slack')}</p>
+          <p className="mb-0 bot-setup-accordion-header-text">{`② ${t('slack_integration.without_proxy.install_bot_to_slack')}`}</p>
         </div>
         <Collapse isOpen={currentlyOpenAccordionIndex === 1}>
           <div className="card-body">
@@ -55,7 +54,7 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div className="card-header clickable" onClick={() => toggleAccordion(2)}>
-          <p className="mb-0">③ {t('slack_integration.without_proxy.register_secret_and_token')}</p>
+          <p className="mb-0 bot-setup-accordion-header-text">{`③ ${t('slack_integration.without_proxy.register_secret_and_token')}`}</p>
         </div>
         <Collapse isOpen={currentlyOpenAccordionIndex === 2}>
           <div className="card-body">
@@ -66,7 +65,7 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div className="card-header clickable" onClick={() => toggleAccordion(3)}>
-          <p className="mb-0">④ {t('slack_integration.without_proxy.test_connection')}</p>
+          <p className="mb-0 bot-setup-accordion-header-text">{`④ ${t('slack_integration.without_proxy.test_connection')}`}</p>
         </div>
         <Collapse isOpen={currentlyOpenAccordionIndex === 3}>
           <div className="card-body">

src/client/styles/scss/_admin.scss

@@ -87,8 +87,8 @@
     cursor: pointer;
   }
 
-  .admin-accordion {
-    overflow: hidden;
+  .bot-setup-accordion-header-text {
+    color: #122C55;
   }
 
   //// TODO: migrate to Bootstrap 4