fix: fix issue

Author: yoution

src/routes/MyTeamsDetails/components/TeamMembers/index.jsx

@@ -96,7 +96,7 @@ const TeamMembers = ({ team }) => {
         aside={
           <Input
             placeholder="Filter by handle, name, role or skill"
-            styleName="filter-input overwrite-width"
+            styleName="filter-input"
             value={filter}
             onChange={onFilterChange}
           />

src/routes/MyTeamsDetails/components/TeamMembers/styles.module.scss

@@ -6,8 +6,11 @@
   padding: 0 24px 24px;
 }
 
-.filter-input.overwrite-width {
-  width: 380px;
+// overwrite the css
+input:not([type="checkbox"]).filter-input {
+  @media (min-width: 740px) {
+    width: 380px;
+  }
 }
 
 .controls {

src/routes/MyTeamsList/index.jsx

@@ -66,7 +66,7 @@ const MyTeamsList = () => {
         aside={
           <Input
             placeholder="Filter by team name"
-            styleName="filter-input overwrite-width"
+            styleName="filter-input"
             onChange={onFilterChange}
           />
         }

src/routes/MyTeamsList/styles.module.scss

@@ -1,9 +1,14 @@
 @import "styles/include";
 
-.filter-input {
-  &.overwrite-width {
+// overwrite the css
+input:not([type="checkbox"]).filter-input {
+  @media (min-width: 651px) {
     width: 380px;
   }
+}
+
+.filter-input {
+  width: 380px;
   background-color: #ffffff;
   border: 1px solid #aaaaaa;
   border-radius: 6px;