fixed font error

src/containers/SearchBar.js

@@ -93,7 +93,9 @@ class SearchBar extends React.Component {
                 <Input
                     placeholder="Name, Location, etc."
                     disableUnderline
-                    className={classNames('search-bar-input', {'hide-search-input': !this.state.isMobileOpen})}
+                    className={classNames('search-bar-input', {
+                        'hide-search-input': !this.state.isMobileOpen
+                    })}
                     onChange={this.handleChange}
                     onFocus={this.handleFocus}
                     onBlur={this.handleBlur}

src/styles/components/textwTitle.scss

 .text-w-title-label {
-  font-family: "Roboto-Regular";
+  font-family: "Roboto-Regular","-apple-system", "Helvetica", "Arial", sans-serif;;
   font-size: 12px;
   color: rgba(0, 0, 0, .54);
 }
 
 .text-w-title-content {
-  font-family: "Roboto-Medium";
+  font-family: "Roboto-Medium", "-apple-system", "Helvetica", "Arial", sans-serif;
   font-size: 14px;
   text-overflow: ellipsis;
   width: 100%;