diff --git a/CHANGELOG.md b/CHANGELOG.md
index ead22a814a..ca6a59ef4f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -24,6 +24,9 @@ Changes can also be flagged with a GitHub label for tracking purposes. The URL o
 ### Changed
 - Updated UI colors to new brand. Update logo, homepage cards. [#5668](https://github.com/ethyca/fides/pull/5668)
 
+### Developer Experience
+- Migrated radio buttons and groups to Ant Design [#5681](https://github.com/ethyca/fides/pull/5681)
+
 
 
 ## [2.53.0](https://github.com/ethyca/fides/compare/2.52.0...2.53.0)
diff --git a/clients/admin-ui/cypress/e2e/consent-settings.cy.ts b/clients/admin-ui/cypress/e2e/consent-settings.cy.ts
index 84ea4df161..7ba17a4914 100644
--- a/clients/admin-ui/cypress/e2e/consent-settings.cy.ts
+++ b/clients/admin-ui/cypress/e2e/consent-settings.cy.ts
@@ -48,11 +48,8 @@ describe("Consent settings", () => {
       cy.getByTestId("consent-configuration");
       cy.getByTestId("setting-Global Privacy Platform").within(() => {
         cy.get("p").contains("GPP status Enabled");
-        cy.getByTestId("option-national").should(
-          "not.have.attr",
-          "data-checked",
-        );
-        cy.getByTestId("option-state").should("have.attr", "data-checked");
+        cy.getByTestId("option-national").should("not.have.attr", "checked");
+        cy.getByTestId("option-state").should("have.attr", "checked");
         cy.getByTestId("input-gpp.mspa_covered_transactions").should(
           "not.have.attr",
           "data-checked",
@@ -78,8 +75,8 @@ describe("Consent settings", () => {
       cy.visit(GLOBAL_CONSENT_CONFIG_ROUTE);
       cy.getByTestId("setting-Global Privacy Platform").within(() => {
         cy.get("p").contains("GPP status Enabled");
-        cy.getByTestId("option-national").should("have.attr", "data-checked");
-        cy.getByTestId("option-state").should("not.have.attr", "data-checked");
+        cy.getByTestId("option-national").should("have.attr", "checked");
+        cy.getByTestId("option-state").should("not.have.attr", "checked");
         cy.getByTestId("input-gpp.mspa_covered_transactions").should(
           "have.attr",
           "data-checked",
diff --git a/clients/admin-ui/src/features/common/custom-reports/CustomReportTemplates.tsx b/clients/admin-ui/src/features/common/custom-reports/CustomReportTemplates.tsx
index 94e8c3e37d..27224b6bdd 100644
--- a/clients/admin-ui/src/features/common/custom-reports/CustomReportTemplates.tsx
+++ b/clients/admin-ui/src/features/common/custom-reports/CustomReportTemplates.tsx
@@ -1,5 +1,7 @@
 import {
   AntButton as Button,
+  AntFlex as Flex,
+  AntRadio as Radio,
   ChevronDownIcon,
   ConfirmationModal,
   HStack,
@@ -15,8 +17,6 @@ import {
   PopoverHeader,
   PopoverTrigger,
   Portal,
-  Radio,
-  RadioGroup,
   Skeleton,
   Text,
   theme,
@@ -310,48 +310,39 @@ export const CustomReportTemplates = ({
                         <Skeleton width="100%" height={theme.space[4]} />
                       </VStack>
                     ) : (
-                      <RadioGroup
-                        onChange={handleSelection}
+                      <Radio.Group
+                        onChange={(e) => handleSelection(e.target.value)}
                         value={selectedReportId}
-                        display="flex"
-                        flexDirection="column"
-                        gap={2}
-                        colorScheme="minos"
+                        className="flex flex-col gap-2"
                       >
                         {searchResults?.map((customReport) => (
-                          <HStack
+                          <Flex
                             key={customReport.id}
-                            justifyContent={
+                            className={
                               userCanDeleteReports
-                                ? "space-between"
-                                : "flex-start"
+                                ? "justify-between"
+                                : "justify-start"
                             }
-                            min-height={theme.space[6]}
-                            color="gray.700"
                           >
                             <Radio
-                              name="custom-report-id"
                               value={customReport.id}
+                              name="custom-report-id"
                               data-testid="custom-report-item"
                             >
                               <Text fontSize="sm">{customReport.name}</Text>
                             </Radio>
                             {userCanDeleteReports && (
-                              <IconButton
-                                variant="ghost"
-                                size="xs"
-                                aria-label={`delete ${CUSTOM_REPORT_TITLE}`}
+                              <Button
+                                type="text"
+                                size="small"
                                 icon={<TrashCanOutlineIcon fontSize={16} />}
-                                onClick={() => {
-                                  setReportToDelete(customReport);
-                                }}
+                                onClick={() => setReportToDelete(customReport)}
                                 data-testid="delete-report-button"
-                                color="gray.700"
                               />
                             )}
-                          </HStack>
+                          </Flex>
                         ))}
-                      </RadioGroup>
+                      </Radio.Group>
                     ))}
                 </PopoverBody>
                 <PopoverFooter border="none" px={6} pb={4} pt={4}>
diff --git a/clients/admin-ui/src/features/common/form/ControlledRadioGroup.tsx b/clients/admin-ui/src/features/common/form/ControlledRadioGroup.tsx
new file mode 100644
index 0000000000..20d3330a36
--- /dev/null
+++ b/clients/admin-ui/src/features/common/form/ControlledRadioGroup.tsx
@@ -0,0 +1,113 @@
+import type { AntRadioGroupProps as RadioGroupProps } from "fidesui";
+import {
+  AntFlex as Flex,
+  AntRadio as Radio,
+  FormControl,
+  Grid,
+  RadioChangeEvent,
+  Text,
+} from "fidesui";
+import { useField } from "formik";
+
+import type { StringField } from "~/features/common/form/inputs";
+import { ErrorMessage, Label, Option } from "~/features/common/form/inputs";
+import QuestionTooltip from "~/features/common/QuestionTooltip";
+
+interface ControlledRadioGroupProps extends RadioGroupProps {
+  label?: string;
+  options: Option[];
+  layout?: "inline" | "stacked";
+  defaultFirstSelected?: boolean;
+}
+
+const ControlledRadioGroup = ({
+  label,
+  options,
+  layout,
+  defaultFirstSelected = true,
+  ...props
+}: ControlledRadioGroupProps & StringField) => {
+  const [initialField, meta] = useField(props);
+  const field = { ...initialField, value: initialField.value ?? "" };
+  const isInvalid = !!(meta.touched && meta.error);
+  const defaultSelected = defaultFirstSelected ? options[0] : undefined;
+  const selected =
+    options.find((o) => o.value === field.value) ?? defaultSelected;
+
+  const handleChange = (e: RadioChangeEvent) => {
+    field.onChange(props.name)(e.target.value);
+  };
+
+  if (layout === "stacked") {
+    return (
+      <FormControl isInvalid={isInvalid}>
+        <Flex className="w-fit">
+          {label ? <Label>{label}</Label> : null}
+          <Radio.Group
+            onChange={handleChange}
+            value={selected?.value}
+            data-testid={`input-${field.name}`}
+          >
+            <Flex className="flex-col gap-3">
+              {options.map(
+                ({ value, label: optionLabel, tooltip: optionTooltip }) => (
+                  <Radio
+                    key={value}
+                    value={value}
+                    data-testid={`option-${value}`}
+                  >
+                    <Flex className="items-center gap-2">
+                      <Text fontSize="sm" fontWeight="medium">
+                        {optionLabel}
+                      </Text>
+                      {optionTooltip ? (
+                        <QuestionTooltip label={optionTooltip} />
+                      ) : null}
+                    </Flex>
+                  </Radio>
+                ),
+              )}
+            </Flex>
+          </Radio.Group>
+        </Flex>
+        <ErrorMessage
+          isInvalid={isInvalid}
+          message={meta.error}
+          fieldName={field.name}
+        />
+      </FormControl>
+    );
+  }
+
+  return (
+    <FormControl isInvalid={isInvalid}>
+      <Grid templateColumns="1fr 3fr">
+        <Label>{label}</Label>
+        <Radio.Group
+          onChange={handleChange}
+          value={selected?.value}
+          data-testid={`input-${field.name}`}
+        >
+          <Flex>
+            {options.map((o) => (
+              <Radio
+                key={o.value}
+                value={o.value}
+                data-testid={`option-${o.value}`}
+              >
+                {o.label}
+              </Radio>
+            ))}
+          </Flex>
+        </Radio.Group>
+      </Grid>
+      <ErrorMessage
+        isInvalid={isInvalid}
+        message={meta.error}
+        fieldName={field.name}
+      />
+    </FormControl>
+  );
+};
+
+export default ControlledRadioGroup;
diff --git a/clients/admin-ui/src/features/common/form/inputs.tsx b/clients/admin-ui/src/features/common/form/inputs.tsx
index 87a3dbec96..4cb23ffd19 100644
--- a/clients/admin-ui/src/features/common/form/inputs.tsx
+++ b/clients/admin-ui/src/features/common/form/inputs.tsx
@@ -28,9 +28,6 @@ import {
   NumberInput,
   NumberInputField,
   NumberInputStepper,
-  Radio,
-  RadioGroup,
-  Stack,
   Text,
   Textarea,
   TextareaProps,
@@ -365,106 +362,6 @@ export const CustomTextArea = ({
   );
 };
 
-interface CustomRadioGroupProps {
-  label?: string;
-  options: Option[];
-  variant?: "inline" | "stacked";
-  defaultFirstSelected?: boolean;
-}
-export const CustomRadioGroup = ({
-  label,
-  options,
-  variant,
-  defaultFirstSelected = true,
-  ...props
-}: CustomRadioGroupProps & StringField) => {
-  const [initialField, meta] = useField(props);
-  const field = { ...initialField, value: initialField.value ?? "" };
-  const isInvalid = !!(meta.touched && meta.error);
-  const defaultSelected = defaultFirstSelected ? options[0] : undefined;
-  const selected =
-    options.find((o) => o.value === field.value) ?? defaultSelected;
-
-  const handleChange = (o: string) => {
-    field.onChange(props.name)(o);
-  };
-
-  if (variant === "stacked") {
-    return (
-      <FormControl isInvalid={isInvalid}>
-        <Stack width="fit-content">
-          {label ? (
-            <Label htmlFor={props.id || props.name}>{label}</Label>
-          ) : null}
-          <RadioGroup
-            onChange={handleChange}
-            value={selected?.value}
-            data-testid={`input-${field.name}`}
-            colorScheme="complimentary"
-          >
-            <Stack direction="column" spacing={3}>
-              {options.map(
-                ({ value, label: optionLabel, tooltip: optionTooltip }) => (
-                  <Radio
-                    key={value}
-                    value={value}
-                    data-testid={`option-${value}`}
-                  >
-                    <HStack alignItems="center" spacing={2}>
-                      <Text fontSize="sm" fontWeight="medium">
-                        {optionLabel}
-                      </Text>
-                      {optionTooltip ? (
-                        <QuestionTooltip label={optionTooltip} />
-                      ) : null}
-                    </HStack>
-                  </Radio>
-                ),
-              )}
-            </Stack>
-          </RadioGroup>
-        </Stack>
-        <ErrorMessage
-          isInvalid={isInvalid}
-          message={meta.error}
-          fieldName={field.name}
-        />
-      </FormControl>
-    );
-  }
-
-  return (
-    <FormControl isInvalid={isInvalid}>
-      <Grid templateColumns="1fr 3fr">
-        <Label htmlFor={props.id || props.name}>{label}</Label>
-        <RadioGroup
-          onChange={handleChange}
-          value={selected?.value}
-          data-testid={`input-${field.name}`}
-          colorScheme="primary"
-        >
-          <Stack direction="row">
-            {options.map((o) => (
-              <Radio
-                key={o.value}
-                value={o.value}
-                data-testid={`option-${o.value}`}
-              >
-                {o.label}
-              </Radio>
-            ))}
-          </Stack>
-        </RadioGroup>
-      </Grid>
-      <ErrorMessage
-        isInvalid={isInvalid}
-        message={meta.error}
-        fieldName={field.name}
-      />
-    </FormControl>
-  );
-};
-
 interface CustomNumberInputProps {
   label: string;
   tooltip?: string;
diff --git a/clients/admin-ui/src/features/consent-settings/GppConfiguration.tsx b/clients/admin-ui/src/features/consent-settings/GppConfiguration.tsx
index 692bc4f140..b29475d3cb 100644
--- a/clients/admin-ui/src/features/consent-settings/GppConfiguration.tsx
+++ b/clients/admin-ui/src/features/consent-settings/GppConfiguration.tsx
@@ -4,11 +4,8 @@ import { ReactNode } from "react";
 
 import { useAppSelector } from "~/app/hooks";
 import { useFeatures } from "~/features/common/features";
-import {
-  CustomCheckbox,
-  CustomRadioGroup,
-  CustomSwitch,
-} from "~/features/common/form/inputs";
+import ControlledRadioGroup from "~/features/common/form/ControlledRadioGroup";
+import { CustomCheckbox, CustomSwitch } from "~/features/common/form/inputs";
 import { selectGppSettings } from "~/features/privacy-requests";
 import { GPPApplicationConfigResponse, GPPUSApproach } from "~/types/api";
 
@@ -44,9 +41,9 @@ const GppConfiguration = () => {
         {isEnabled ? (
           <>
             <Section title="GPP U.S.">
-              <CustomRadioGroup
+              <ControlledRadioGroup
                 name="gpp.us_approach"
-                variant="stacked"
+                layout="stacked"
                 defaultFirstSelected={false}
                 options={[
                   {
diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/action-center/tables/cells/DiscoveredSystemAggregateActionsCell.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/action-center/tables/cells/DiscoveredSystemAggregateActionsCell.tsx
index d00127b884..7378a9a6ee 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/action-center/tables/cells/DiscoveredSystemAggregateActionsCell.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/action-center/tables/cells/DiscoveredSystemAggregateActionsCell.tsx
@@ -1,14 +1,16 @@
 import { AntFlex as Flex } from "fidesui";
 
-import { MonitorSystemAggregate } from "../../types";
+// import { MonitorSystemAggregate } from "../../types";
 
-interface DiscoveredSystemActionsCellProps {
-  system: MonitorSystemAggregate;
-}
+// interface DiscoveredSystemActionsCellProps {
+//   system: MonitorSystemAggregate;
+// }
 
-export const DiscoveredSystemActionsCell = ({
-  system,
-}: DiscoveredSystemActionsCellProps) => {
-  console.log(system);
-  return <Flex> </Flex>;
-};
+export const DiscoveredSystemActionsCell = () =>
+  // {
+  // system,
+  // }: DiscoveredSystemActionsCellProps,
+  {
+    // console.log(system);
+    return <Flex> </Flex>;
+  };
diff --git a/clients/admin-ui/src/features/privacy-requests/configuration/MessagingConfiguration.tsx b/clients/admin-ui/src/features/privacy-requests/configuration/MessagingConfiguration.tsx
index 374c544236..e2cf4f980d 100644
--- a/clients/admin-ui/src/features/privacy-requests/configuration/MessagingConfiguration.tsx
+++ b/clients/admin-ui/src/features/privacy-requests/configuration/MessagingConfiguration.tsx
@@ -1,4 +1,11 @@
-import { Box, Heading, Radio, RadioGroup, Stack, Text } from "fidesui";
+import {
+  AntFlex as Flex,
+  AntRadio as Radio,
+  Box,
+  Heading,
+  RadioChangeEvent,
+  Text,
+} from "fidesui";
 import { useEffect, useState } from "react";
 
 import { isErrorResult } from "~/features/common/helpers";
@@ -36,7 +43,8 @@ const MessagingConfiguration = () => {
     }
   }, [activeMessagingProvider]);
 
-  const handleChange = async (value: string) => {
+  const handleChange = async (e: RadioChangeEvent) => {
+    const { value } = e.target;
     const result = await saveActiveConfiguration({
       notifications: {
         notification_service_type: value,
@@ -99,19 +107,17 @@ const MessagingConfiguration = () => {
         <Heading fontSize="md" fontWeight="semibold" mt={10}>
           Choose service type to configure
         </Heading>
-        <RadioGroup
+        <Radio.Group
           onChange={handleChange}
           value={messagingValue}
           data-testid="privacy-requests-messaging-provider-selection"
-          colorScheme="primary"
-          p={3}
+          className="p-3"
         >
-          <Stack direction="row">
+          <Flex>
             <Radio
               key={messagingProviders.mailgun}
               value={messagingProviders.mailgun}
               data-testid="option-mailgun"
-              mr={5}
             >
               Mailgun Email
             </Radio>
@@ -129,8 +135,8 @@ const MessagingConfiguration = () => {
             >
               Twilio SMS
             </Radio>
-          </Stack>
-        </RadioGroup>
+          </Flex>
+        </Radio.Group>
         {messagingValue === messagingProviders.mailgun ? (
           <MailgunEmailConfiguration />
         ) : null}
diff --git a/clients/admin-ui/src/features/privacy-requests/configuration/StorageConfiguration.tsx b/clients/admin-ui/src/features/privacy-requests/configuration/StorageConfiguration.tsx
index e31c4a3262..c0e96513b0 100644
--- a/clients/admin-ui/src/features/privacy-requests/configuration/StorageConfiguration.tsx
+++ b/clients/admin-ui/src/features/privacy-requests/configuration/StorageConfiguration.tsx
@@ -1,4 +1,11 @@
-import { Box, Heading, Radio, RadioGroup, Stack, Text } from "fidesui";
+import {
+  AntFlex as Flex,
+  AntRadio as Radio,
+  Box,
+  Heading,
+  RadioChangeEvent,
+  Text,
+} from "fidesui";
 import { useEffect, useState } from "react";
 
 import { isErrorResult } from "~/features/common/helpers";
@@ -37,7 +44,8 @@ const StorageConfiguration = () => {
     }
   }, [activeStorage]);
 
-  const handleChange = async (value: string) => {
+  const handleChange = async (e: RadioChangeEvent) => {
+    const { value } = e.target;
     if (value === storageTypes.local) {
       const storageDetailsResult = await saveStorageType({
         type: value,
@@ -104,23 +112,22 @@ const StorageConfiguration = () => {
         <Heading fontSize="md" fontWeight="semibold" mt={10}>
           Choose storage type to configure
         </Heading>
-        <RadioGroup
-          isDisabled={isLoading}
+        <Radio.Group
+          disabled={isLoading}
           onChange={handleChange}
           value={storageValue}
           data-testid="privacy-requests-storage-selection"
-          colorScheme="primary"
-          p={3}
+          className="p-3"
         >
-          <Stack direction="row">
-            <Radio key="local" value="local" data-testid="option-local" mr={5}>
+          <Flex>
+            <Radio key="local" value="local" data-testid="option-local">
               Local
             </Radio>
             <Radio key="s3" value="s3" data-testid="option-s3">
               S3
             </Radio>
-          </Stack>
-        </RadioGroup>
+          </Flex>
+        </Radio.Group>
         {storageValue === "s3" && storageDetails ? (
           <S3StorageConfiguration storageDetails={storageDetails} />
         ) : null}
diff --git a/clients/fidesui/src/index.ts b/clients/fidesui/src/index.ts
index 25652dce60..694fe12616 100644
--- a/clients/fidesui/src/index.ts
+++ b/clients/fidesui/src/index.ts
@@ -12,10 +12,12 @@ export type {
   FormInstance as AntFormInstance,
   InputProps as AntInputProps,
   ListProps as AntListProps,
+  RadioGroupProps as AntRadioGroupProps,
   SelectProps as AntSelectProps,
   SwitchProps as AntSwitchProps,
   GetProps,
   InputRef,
+  RadioChangeEvent,
 } from "antd/lib";
 export {
   Alert as AntAlert,