From cf43e2d2882b0924bee926b6be1044db9061bee4 Mon Sep 17 00:00:00 2001
From: donniean <acmilank22@gmail.com>
Date: Fri, 3 Nov 2023 09:22:09 +0800
Subject: [PATCH] fix: resolved ProjectSelectModal styles problem

---
 src/components/Modals/ProjectSelect/index.jsx  | 14 ++++++++------
 src/components/Modals/ProjectSelect/index.scss | 11 ++++++++++-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/Modals/ProjectSelect/index.jsx b/src/components/Modals/ProjectSelect/index.jsx
index e35c71b5786..0dcfd40da52 100644
--- a/src/components/Modals/ProjectSelect/index.jsx
+++ b/src/components/Modals/ProjectSelect/index.jsx
@@ -242,12 +242,14 @@ export default class ProjectSelectModal extends React.Component {
         <div className={styles.bar}>
           <Columns className="is-variable is-1">
             <Column className="is-narrow">
-              <RadioGroup
-                mode="button"
-                value={type}
-                options={this.types}
-                onChange={this.handleTypeChange}
-              />
+              <div className={styles.radioGroupWrapper}>
+                <RadioGroup
+                  mode="button"
+                  value={type}
+                  options={this.types}
+                  onChange={this.handleTypeChange}
+                />
+              </div>
             </Column>
             <Column>
               <div className={styles.searchWrapper}>
diff --git a/src/components/Modals/ProjectSelect/index.scss b/src/components/Modals/ProjectSelect/index.scss
index f82cff9155e..3467c92e693 100644
--- a/src/components/Modals/ProjectSelect/index.scss
+++ b/src/components/Modals/ProjectSelect/index.scss
@@ -12,6 +12,15 @@
   background-color: $bg-color;
 }
 
+.radioGroupWrapper {
+  :global {
+    .radio-group-button label.radio-button {
+      padding-right: 12px;
+      padding-left: 12px;
+    }
+  }
+}
+
 .list {
   height: 472px;
   padding: 12px;
@@ -45,7 +54,7 @@
   }
 
   .search {
-    width: 390px;
+    max-width: 390px;
 
     &.withSelect {
       padding-left: 124px;