fix safari

Author: SaraVieira

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddFont/FontPicker/elements.ts

@@ -88,7 +88,7 @@ export const SelectedFont = styled.button<{ done?: boolean }>`
   color: ${props =>
     props.theme['input.foreground'] ||
     (props.theme.light ? '#636363' : 'white')};
-  border-color: ${props => makeDarker(props)};
+  border: 1px solid ${props => makeDarker(props)};
 
   box-shadow: none;
   text-align: left;
@@ -97,6 +97,7 @@ export const SelectedFont = styled.button<{ done?: boolean }>`
   padding: 0.5rem 0.75rem;
   position: relative;
   box-sizing: border-box;
+  outline: none;
 
   ${props =>
     props.done &&

yarn.lock

@@ -21219,7 +21219,7 @@ [email protected]:
     prop-types "^15.6.2"
     scheduler "^0.13.1"
 
-[email protected], react-dom@^16.2.0, react-dom@^16.8.3, react-dom@^16.9.0:
+[email protected], react-dom@^16.2.0, react-dom@^16.8.3, react-dom@^16.8.6, react-dom@^16.9.0:
   version "16.9.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.9.0.tgz#5e65527a5e26f22ae3701131bcccaee9fb0d3962"
   integrity sha512-YFT2rxO9hM70ewk9jq0y6sQk8cL02xm4+IzYBz75CQGlClQQ1Bxq0nhHF6OtSbit+AIahujJgb/CPRibFkMNJQ==