Fix font sizes on new integrations page (#4959)

Author: jpople

CHANGELOG.md

@@ -47,6 +47,7 @@ The types of changes are:
 - Fixed an issue where language form field error message was not displaying properly [#4942](https://github.com/ethyca/fides/pull/4942)
 - Fixed an issue where the consent cookie could not be set on multi-level root domain (e.g. co.uk, co.jp) [#4935](https://github.com/ethyca/fides/pull/4935)
 - Fixed an issue where the unique device ID was not being retained when Fides.js was reinitialized [#4947](https://github.com/ethyca/fides/pull/4947)
+- Fixed inconsistent font sizes on new integrations UI [#4959](https://github.com/ethyca/fides/pull/4959)
 
 ## [2.37.0](https://github.com/ethyca/fides/compare/2.36.0...2.37.0)
 

clients/admin-ui/src/features/integrations/NoIntegrations.tsx

@@ -2,16 +2,21 @@ import { Button, Flex, Text } from "fidesui";
 
 const NoIntegrations = ({ onOpenAddModal }: { onOpenAddModal: () => void }) => (
   <Flex direction="column" alignItems="center" data-testid="empty-state">
-    <Text color="gray.700" fontWeight="semibold" fontSize="xl">
+    <Text color="gray.700" fontWeight="semibold" fontSize="md">
       No integrations
     </Text>
-    <Text color="gray.700" marginTop="8px">
+    <Text color="gray.700" fontSize="sm" marginTop="8px">
       You have not configured any integrations
     </Text>
-    <Text color="gray.700">
+    <Text color="gray.700" fontSize="sm">
       Click &quot;Add integration&quot; to connect and configure systems now.
     </Text>
-    <Button variant="primary" marginTop="16px" onClick={onOpenAddModal}>
+    <Button
+      variant="primary"
+      size="sm"
+      marginTop="16px"
+      onClick={onOpenAddModal}
+    >
       Add integration
     </Button>
   </Flex>

clients/admin-ui/src/features/integrations/configure-monitor/MonitorConfigTab.tsx

@@ -179,7 +179,7 @@ const MonitorConfigTab = ({
 
   return (
     <>
-      <Text maxW="720px" mb={6}>
+      <Text maxW="720px" mb={6} fontSize="sm">
         Data discovery monitors observe configured systems for data model
         changes to proactively discover and classify data risks. You can create
         multiple monitors to observe part or all of a project, dataset, table or