fix: improve style logic consistency

Author: maxceem

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

@@ -6,11 +6,9 @@
   padding: 0 24px 24px;
 }
 
-// overwrite the css
+// adding "input:not([type="checkbox"])" to make sure that we override reset styles
 input:not([type="checkbox"]).filter-input {
-  @media (min-width: 740px) {
-    width: 380px;
-  }
+  width: 380px;
 }
 
 .controls {
@@ -226,10 +224,9 @@ input:not([type="checkbox"]).filter-input {
       width: 100%;
     }
   }
-}
 
-@media (max-width: 374px) {
-  .filter-input {
+  // adding "input:not([type="checkbox"])" to make sure that we override reset styles
+  input:not([type="checkbox"]).filter-input {
     width: 100%;
   }
 }

src/routes/MyTeamsList/styles.module.scss

@@ -1,13 +1,7 @@
 @import "styles/include";
 
-// overwrite the css
+// adding "input:not([type="checkbox"])" to make sure that we override reset styles
 input:not([type="checkbox"]).filter-input {
-  @media (min-width: 651px) {
-    width: 380px;
-  }
-}
-
-.filter-input {
   width: 380px;
   background-color: #ffffff;
   border: 1px solid #aaaaaa;
@@ -37,7 +31,8 @@ input:not([type="checkbox"]).filter-input {
 }
 
 @media (max-width: 650px) {
-  .filter-input {
+  // adding "input:not([type="checkbox"])" to make sure that we override reset styles
+  input:not([type="checkbox"]).filter-input {
     width: 100%;
   }
 }