fix: rem font size leaking into in-context dialog (#3203)

tolgee · May 24, 2023 · 6fe340e · 6fe340e
1 parent 8f1a59f
commit 6fe340e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/web/src/ui/KeyDialog/ScreenshotGallery/ScreenshotGallery.tsx b/packages/web/src/ui/KeyDialog/ScreenshotGallery/ScreenshotGallery.tsx
@@ -145,6 +145,7 @@ export const ScreenshotGallery: React.FC = () => {
                   }}
                 >
                   <IconButton
+                    sx={{ fontSize: 24 }}
                     onClick={
                       ableToTakeScreenshot
                         ? handleTakeScreenshot
@@ -163,7 +164,7 @@ export const ScreenshotGallery: React.FC = () => {
                   style: { zIndex: DEVTOOLS_Z_INDEX },
                 }}
               >
-                <IconButton onClick={onFileSelect}>
+                <IconButton sx={{ fontSize: 24 }} onClick={onFileSelect}>
                   <AddCircleOutline />
                 </IconButton>
               </Tooltip>

diff --git a/packages/web/src/ui/ThemeProvider.tsx b/packages/web/src/ui/ThemeProvider.tsx
@@ -14,6 +14,7 @@ let theme = createTheme({
   typography: {
     fontFamily:
       '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+    htmlFontSize: 0,
   },
   palette: {
     primary: {