diff --git a/packages/web/src/ui/KeyDialog/ScreenshotGallery/ScreenshotGallery.tsx b/packages/web/src/ui/KeyDialog/ScreenshotGallery/ScreenshotGallery.tsx
index 5f349759b4..6fd313c4c2 100644
--- 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
index 6610f2a4bb..ef9b30633e 100644
--- 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: {