responsive for CustomBotWithoutProxyConnectionStatus

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

@@ -19,7 +19,7 @@ const CustomBotWithoutProxyConnectionStatus = (props) => {
     <div className="d-flex justify-content-center my-5 bot-integration">
       <div className="card rounded shadow border-0 w-50 admin-bot-card mb-0">
         <h5 className="card-title font-weight-bold mt-3 ml-4">Slack</h5>
-        <div className="card-body p-2 w-50 mx-auto">
+        <div className="card-body p-2 w-md-50 mx-auto">
           {totalCount > 0 ? (
             <div className="card slack-work-space-name-card">
               <div className="m-2 text-center">
@@ -40,7 +40,7 @@ const CustomBotWithoutProxyConnectionStatus = (props) => {
       <div className="card rounded-lg shadow border-0 w-50 admin-bot-card mb-0">
         <h5 className="card-title font-weight-bold mt-3 ml-4">GROWI App</h5>
         <div className="card-body p-4 mb-5 text-center">
-          <div className="border p-2 bg-primary text-light mx-5">
+          <div className="border p-2 bg-primary text-light mx-md-5">
             {siteName}
           </div>
         </div>