82891 fb

packages/app/src/components/SearchPage/SearchControl.tsx

@@ -121,7 +121,7 @@ const SearchControl: FC <Props> = (props: Props) => {
         <div className="d-none d-lg-flex align-items-center mr-4">
           <div className="border border-gray mr-3">
             {/* By defualt font weight is 700 (_override-bootstrap.scss) */}
-            <label className="px-3 py-2 mb-0 d-flex align-items-center text-secondary font-weight-light" htmlFor="flexCheckDefault">
+            <label className="px-3 py-2 mb-0 d-flex align-items-center text-secondary with-no-font-weight" htmlFor="flexCheckDefault">
               <input
                 className="mr-2"
                 type="checkbox"
@@ -133,7 +133,7 @@ const SearchControl: FC <Props> = (props: Props) => {
           </div>
           <div className="border border-gray">
             {/* By defualt font weight is 700 (_override-bootstrap.scss) */}
-            <label className="px-3 py-2 mb-0 d-flex align-items-center text-secondary font-weight-light" htmlFor="flexCheckChecked">
+            <label className="px-3 py-2 mb-0 d-flex align-items-center text-secondary with-no-font-weight" htmlFor="flexCheckChecked">
               <input
                 className="mr-2"
                 type="checkbox"

packages/app/src/styles/_override-bootstrap.scss

@@ -152,7 +152,8 @@
   }
 
   // label
-  label {
+
+  label:not(.with-no-font-weight) {
     font-weight: 700;
   }