diff --git a/app/configurator/components/chart-controls/control-tab.tsx b/app/configurator/components/chart-controls/control-tab.tsx
index e86ef8bc9..e980438c9 100644
--- a/app/configurator/components/chart-controls/control-tab.tsx
+++ b/app/configurator/components/chart-controls/control-tab.tsx
@@ -199,7 +199,7 @@ export const ControlTabButton = ({
       py: 3,
       fontWeight: "normal",
 
-      fontSize: ["0.875rem", "0.875rem", "0.875rem"],
+      fontSize: "0.875rem",
       transition: "background-color .2s",
       cursor: "pointer",
       ":hover": {
@@ -281,7 +281,7 @@ export const ControlTabButtonInner = ({
           </Typography>
         )}
         <Typography
-          variant="h4"
+          variant="h5"
           sx={{
             color: optional && !checked ? "grey.600" : "grey.800",
             textAlign: "left",
diff --git a/app/configurator/components/empty-right-panel.tsx b/app/configurator/components/empty-right-panel.tsx
index 5aedd0211..4e9d0ea94 100644
--- a/app/configurator/components/empty-right-panel.tsx
+++ b/app/configurator/components/empty-right-panel.tsx
@@ -12,7 +12,7 @@ export const EmptyRightPanel = ({
 }: {
   state: ConfiguratorStateConfiguringChart | ConfiguratorStateDescribingChart;
 }) => (
-  <Typography component="div" variant="body1" sx={{ m: 4 }}>
+  <Typography component="div" variant="body2" sx={{ m: 4 }}>
     {getRightPanelHint(state.state)}
   </Typography>
 );
diff --git a/app/themes/federal.tsx b/app/themes/federal.tsx
index 338f15c5c..d32722300 100644
--- a/app/themes/federal.tsx
+++ b/app/themes/federal.tsx
@@ -443,6 +443,8 @@ theme.components = {
   MuiOutlinedInput: {
     styleOverrides: {
       root: {
+        fontSize: theme.typography.body2.fontSize,
+        lineHeight: theme.typography.body2.lineHeight,
         borderRadius: (theme.shape.borderRadius as number) * 1.5,
       },
     },