diff --git a/frontend/components/AddHostsModal/AddHostsModal.tests.tsx b/frontend/components/AddHostsModal/AddHostsModal.tests.tsx
index 34a29d618a..f3368a5140 100644
--- a/frontend/components/AddHostsModal/AddHostsModal.tests.tsx
+++ b/frontend/components/AddHostsModal/AddHostsModal.tests.tsx
@@ -130,7 +130,7 @@ describe("AddHostsModal", () => {
     render(
       <AddHostsModal
         isAnyTeamSelected={false}
-        currentTeamName={"Apples"}
+        currentTeamName="Apples"
         isLoading={false}
         onCancel={noop}
         openEnrollSecretModal={noop}
diff --git a/frontend/components/AddHostsModal/AddHostsModal.tsx b/frontend/components/AddHostsModal/AddHostsModal.tsx
index 9f756b69b3..7d74f7cfc3 100644
--- a/frontend/components/AddHostsModal/AddHostsModal.tsx
+++ b/frontend/components/AddHostsModal/AddHostsModal.tsx
@@ -98,7 +98,7 @@ const AddHostsModal = ({
   return (
     <Modal
       onExit={onCancel}
-      title={"Add hosts"}
+      title="Add hosts"
       className={baseClass}
       width="large"
     >
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/PlatformWrapper.tsx b/frontend/components/AddHostsModal/PlatformWrapper/PlatformWrapper.tsx
index f590c00b21..e81d9de244 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/PlatformWrapper.tsx
+++ b/frontend/components/AddHostsModal/PlatformWrapper/PlatformWrapper.tsx
@@ -427,9 +427,9 @@ const PlatformWrapper = ({
           <RevealButton
             className={baseClass}
             isShowing={showPlainOsquery}
-            hideText={"Plain osquery"}
-            showText={"Plain osquery"}
-            caretPosition={"after"}
+            hideText="Plain osquery"
+            showText="Plain osquery"
+            caretPosition="after"
             onClick={() => setShowPlainOsquery((prev) => !prev)}
           />
           {showPlainOsquery && (
@@ -502,8 +502,8 @@ const PlatformWrapper = ({
                     "plain-osquery",
                     "osqueryd --flagfile=flagfile.txt --verbose"
                   )}
-                  type={"text"}
-                  value={"osqueryd --flagfile=flagfile.txt --verbose"}
+                  type="text"
+                  value="osqueryd --flagfile=flagfile.txt --verbose"
                 />
               </div>
             </>
diff --git a/frontend/components/Avatar/Avatar.tsx b/frontend/components/Avatar/Avatar.tsx
index 1da12fb474..319696be7b 100644
--- a/frontend/components/Avatar/Avatar.tsx
+++ b/frontend/components/Avatar/Avatar.tsx
@@ -42,7 +42,7 @@ const Avatar = ({
   return (
     <div className="avatar-wrapper">
       <img
-        alt={"User avatar"}
+        alt="User avatar"
         className={`${avatarClasses} ${isLoading || isError ? "default" : ""}`}
         src={gravatar_url || DEFAULT_GRAVATAR_LINK}
         onError={onError}
diff --git a/frontend/components/AvatarTopNav/AvatarTopNav.tsx b/frontend/components/AvatarTopNav/AvatarTopNav.tsx
index 321bffd971..bcbfa3ff3a 100644
--- a/frontend/components/AvatarTopNav/AvatarTopNav.tsx
+++ b/frontend/components/AvatarTopNav/AvatarTopNav.tsx
@@ -32,9 +32,9 @@ const Avatar = ({ className, size, user }: IAvatarInterface): JSX.Element => {
   const { gravatar_url_dark } = user;
 
   return (
-    <div className={"avatar-wrapper-top-nav"}>
+    <div className="avatar-wrapper-top-nav">
       <img
-        alt={"User avatar"}
+        alt="User avatar"
         className={`${avatarClasses} ${isLoading || isError ? "default" : ""}`}
         src={gravatar_url_dark || DEFAULT_GRAVATAR_LINK_DARK}
         onError={onError}
diff --git a/frontend/components/DiskSpaceGraph/DiskSpaceGraph.tsx b/frontend/components/DiskSpaceGraph/DiskSpaceGraph.tsx
index 97eb1a8f9f..7f8e355ac4 100644
--- a/frontend/components/DiskSpaceGraph/DiskSpaceGraph.tsx
+++ b/frontend/components/DiskSpaceGraph/DiskSpaceGraph.tsx
@@ -67,7 +67,7 @@ const DiskSpaceGraph = ({
       </div>
       {diskSpaceTooltipText && (
         <ReactTooltip
-          className={"disk-space-tooltip"}
+          className="disk-space-tooltip"
           place={tooltipPosition}
           type="dark"
           effect="solid"
diff --git a/frontend/components/EnrollSecrets/DeleteSecretModal/DeleteSecretModal.tsx b/frontend/components/EnrollSecrets/DeleteSecretModal/DeleteSecretModal.tsx
index f97e0b6081..6238373843 100644
--- a/frontend/components/EnrollSecrets/DeleteSecretModal/DeleteSecretModal.tsx
+++ b/frontend/components/EnrollSecrets/DeleteSecretModal/DeleteSecretModal.tsx
@@ -36,7 +36,7 @@ const DeleteSecretModal = ({
     <Modal
       onExit={toggleDeleteSecretModal}
       onEnter={onDeleteSecret}
-      title={"Delete secret"}
+      title="Delete secret"
       className={baseClass}
     >
       <div className={baseClass}>
diff --git a/frontend/components/EnrollSecrets/EnrollSecretModal/EnrollSecretModal.tsx b/frontend/components/EnrollSecrets/EnrollSecretModal/EnrollSecretModal.tsx
index a6c6a691d6..cc88ba825a 100644
--- a/frontend/components/EnrollSecrets/EnrollSecretModal/EnrollSecretModal.tsx
+++ b/frontend/components/EnrollSecrets/EnrollSecretModal/EnrollSecretModal.tsx
@@ -51,7 +51,7 @@ const EnrollSecretModal = ({
     <Modal
       onExit={onReturnToApp}
       onEnter={onReturnToApp}
-      title={"Manage enroll secrets"}
+      title="Manage enroll secrets"
       className={baseClass}
     >
       <div className={`${baseClass} form`}>
diff --git a/frontend/components/HumanTimeDiffWithDateTip/HumanTimeDiffWithDateTip.tsx b/frontend/components/HumanTimeDiffWithDateTip/HumanTimeDiffWithDateTip.tsx
index 6cb0cbadfe..1b1c93a1d1 100644
--- a/frontend/components/HumanTimeDiffWithDateTip/HumanTimeDiffWithDateTip.tsx
+++ b/frontend/components/HumanTimeDiffWithDateTip/HumanTimeDiffWithDateTip.tsx
@@ -33,7 +33,7 @@ export const HumanTimeDiffWithDateTip = ({
   try {
     return (
       <>
-        <span className={"date-tooltip"} data-tip data-for={`tooltip-${id}`}>
+        <span className="date-tooltip" data-tip data-for={`tooltip-${id}`}>
           {humanLastSeen(timeString)}
         </span>
         <ReactTooltip
diff --git a/frontend/components/LiveQuery/SelectTargets.tsx b/frontend/components/LiveQuery/SelectTargets.tsx
index 59f7959acd..96fce7a5d7 100644
--- a/frontend/components/LiveQuery/SelectTargets.tsx
+++ b/frontend/components/LiveQuery/SelectTargets.tsx
@@ -358,7 +358,7 @@ const SelectTargets = ({
       return (
         <>
           <Spinner
-            size={"x-small"}
+            size="x-small"
             includeContainer={false}
             centered={false}
             className={`${baseClass}__count-spinner`}
diff --git a/frontend/components/Sandbox/SandboxMessage/SandboxMessage.tsx b/frontend/components/Sandbox/SandboxMessage/SandboxMessage.tsx
index e8d77c4f6e..56087a0ff6 100644
--- a/frontend/components/Sandbox/SandboxMessage/SandboxMessage.tsx
+++ b/frontend/components/Sandbox/SandboxMessage/SandboxMessage.tsx
@@ -25,14 +25,14 @@ const SandboxMessage = ({
     demo: (
       <CustomLink
         url={`https://calendly.com/fleetdm/demo?utm_source=${utmSource}`}
-        text={"Schedule a demo"}
+        text="Schedule a demo"
         newTab
       />
     ),
     sales: (
       <CustomLink
         url={`https://fleetdm.com/upgrade`}
-        text={"Contact sales"}
+        text="Contact sales"
         newTab
       />
     ),
diff --git a/frontend/components/SectionHeader/SectionHeader.stories.tsx b/frontend/components/SectionHeader/SectionHeader.stories.tsx
index fe5ce3022c..6bcbce1a7a 100644
--- a/frontend/components/SectionHeader/SectionHeader.stories.tsx
+++ b/frontend/components/SectionHeader/SectionHeader.stories.tsx
@@ -22,7 +22,7 @@ export const WithSubTitle: Story = {
     subTitle: (
       <LastUpdatedText
         lastUpdatedAt={new Date().toISOString()}
-        whatToRetrieve={"operating systems"}
+        whatToRetrieve="operating systems"
       />
     ),
   },
diff --git a/frontend/components/TableContainer/DataTable/DataTable.tests.tsx b/frontend/components/TableContainer/DataTable/DataTable.tests.tsx
index dae0653945..424f4982b2 100644
--- a/frontend/components/TableContainer/DataTable/DataTable.tests.tsx
+++ b/frontend/components/TableContainer/DataTable/DataTable.tests.tsx
@@ -22,8 +22,8 @@ describe("DataTable - component", () => {
       <DataTable
         columns={columns}
         data={data}
-        sortHeader={"name"}
-        sortDirection={"desc"}
+        sortHeader="name"
+        sortDirection="desc"
         isLoading={false}
         onSort={noop}
         showMarkAllPages={false}
@@ -64,8 +64,8 @@ describe("DataTable - component", () => {
           { name: "foo user", address: "biz address" },
           { name: "bar user", address: "daz address" },
         ]}
-        sortHeader={"name"}
-        sortDirection={"desc"}
+        sortHeader="name"
+        sortDirection="desc"
         isLoading={false}
         onSort={noop}
         showMarkAllPages={false}
@@ -90,8 +90,8 @@ describe("DataTable - component", () => {
           { name: "foo user", address: "biz address" },
           { name: "bar user", address: "daz address" },
         ]}
-        sortHeader={"address"}
-        sortDirection={"desc"}
+        sortHeader="address"
+        sortDirection="desc"
         isLoading={false}
         onSort={noop}
         showMarkAllPages={false}
@@ -124,8 +124,8 @@ describe("DataTable - component", () => {
       <DataTable
         columns={columns}
         data={[{ name: "foo user" }, { name: "bar user" }]}
-        sortHeader={"name"}
-        sortDirection={"desc"}
+        sortHeader="name"
+        sortDirection="desc"
         isLoading={false}
         onSort={noop}
         showMarkAllPages={false}
@@ -147,8 +147,8 @@ describe("DataTable - component", () => {
       <DataTable
         columns={columns}
         data={[{ name: "foo user" }, { name: "bar user" }]}
-        sortHeader={"name"}
-        sortDirection={"asc"}
+        sortHeader="name"
+        sortDirection="asc"
         isLoading={false}
         onSort={noop}
         showMarkAllPages={false}
diff --git a/frontend/components/TableContainer/DataTable/DataTable.tsx b/frontend/components/TableContainer/DataTable/DataTable.tsx
index af9af5085f..afc486a338 100644
--- a/frontend/components/TableContainer/DataTable/DataTable.tsx
+++ b/frontend/components/TableContainer/DataTable/DataTable.tsx
@@ -446,17 +446,17 @@ const DataTable = ({
   return (
     <div className={baseClass}>
       {isLoading && (
-        <div className={"loading-overlay"}>
+        <div className="loading-overlay">
           <Spinner />
         </div>
       )}
-      <div className={"data-table data-table__wrapper"}>
+      <div className="data-table data-table__wrapper">
         <table className={tableStyles}>
           {Object.keys(selectedRowIds).length !== 0 && (
-            <thead className={"active-selection"}>
+            <thead className="active-selection">
               <tr {...headerGroups[0].getHeaderGroupProps()}>
                 <th
-                  className={"active-selection__checkbox"}
+                  className="active-selection__checkbox"
                   {...headerGroups[0].headers[0].getHeaderProps(
                     headerGroups[0].headers[0].getSortByToggleProps({
                       title: null,
@@ -465,29 +465,26 @@ const DataTable = ({
                 >
                   {headerGroups[0].headers[0].render("Header")}
                 </th>
-                <th className={"active-selection__container"}>
-                  <div className={"active-selection__inner"}>
+                <th className="active-selection__container">
+                  <div className="active-selection__inner">
                     {renderSelectedCount()}
-                    <div className={"active-selection__inner-left"}>
+                    <div className="active-selection__inner-left">
                       {secondarySelectActions && renderSecondarySelectActions()}
                     </div>
-                    <div className={"active-selection__inner-right"}>
+                    <div className="active-selection__inner-right">
                       {primarySelectAction && renderPrimarySelectAction()}
                     </div>
                     {toggleAllPagesSelected && renderAreAllSelected()}
                     {shouldRenderToggleAllPages && (
                       <Button
                         onClick={onToggleAllPagesClick}
-                        variant={"text-link"}
-                        className={"light-text"}
+                        variant="text-link"
+                        className="light-text"
                       >
                         <>Select all matching {resultsTitle}</>
                       </Button>
                     )}
-                    <Button
-                      onClick={onClearSelectionClick}
-                      variant={"text-link"}
-                    >
+                    <Button onClick={onClearSelectionClick} variant="text-link">
                       Clear selection
                     </Button>
                   </div>
diff --git a/frontend/components/TableContainer/DataTable/TextCell/TextCell.tests.tsx b/frontend/components/TableContainer/DataTable/TextCell/TextCell.tests.tsx
index 853e813d8c..c134a44a82 100644
--- a/frontend/components/TableContainer/DataTable/TextCell/TextCell.tests.tsx
+++ b/frontend/components/TableContainer/DataTable/TextCell/TextCell.tests.tsx
@@ -10,17 +10,17 @@ describe("TextCell", () => {
   });
 
   it("renders a default value when `value` is empty", () => {
-    render(<TextCell value={""} />);
+    render(<TextCell value="" />);
     expect(screen.getByText(DEFAULT_EMPTY_CELL_VALUE)).toBeInTheDocument();
   });
 
   it("renders a default value when `value` is empty after formatting", () => {
-    render(<TextCell value={"foo"} formatter={() => ""} />);
+    render(<TextCell value="foo" formatter={() => ""} />);
     expect(screen.getByText(DEFAULT_EMPTY_CELL_VALUE)).toBeInTheDocument();
   });
 
   it("uses the provided formatter function", () => {
-    render(<TextCell value={"foo"} formatter={() => "bar"} />);
+    render(<TextCell value="foo" formatter={() => "bar"} />);
     expect(screen.getByText("bar")).toBeInTheDocument();
   });
 });
diff --git a/frontend/components/TableContainer/DataTable/TooltipTruncatedTextCell/TooltipTruncatedTextCell.tsx b/frontend/components/TableContainer/DataTable/TooltipTruncatedTextCell/TooltipTruncatedTextCell.tsx
index e522234059..64dda5d065 100644
--- a/frontend/components/TableContainer/DataTable/TooltipTruncatedTextCell/TooltipTruncatedTextCell.tsx
+++ b/frontend/components/TableContainer/DataTable/TooltipTruncatedTextCell/TooltipTruncatedTextCell.tsx
@@ -36,7 +36,7 @@ const TooltipTruncatedTextCell = ({
   return (
     <div className={classNames}>
       <div
-        className={"data-table__tooltip-truncated-text"}
+        className="data-table__tooltip-truncated-text"
         data-tip
         data-for={tooltipId}
         data-tip-disable={isDefaultValue}
@@ -55,7 +55,7 @@ const TooltipTruncatedTextCell = ({
         backgroundColor={COLORS["tooltip-bg"]}
         id={tooltipId}
         data-html
-        className={"truncated-tooltip"} // responsive widths
+        className="truncated-tooltip" // responsive widths
         clickable
         delayHide={200} // need delay set to hover using clickable
       >
diff --git a/frontend/components/TableContainer/TableContainer.tsx b/frontend/components/TableContainer/TableContainer.tsx
index 678d9077ee..03e56e5168 100644
--- a/frontend/components/TableContainer/TableContainer.tsx
+++ b/frontend/components/TableContainer/TableContainer.tsx
@@ -330,7 +330,7 @@ const TableContainer = ({
                 <div />
               )}
             </span>
-            <span className={"controls"}>
+            <span className="controls">
               {actionButton && !actionButton.hideButton && (
                 <Button
                   disabled={disableActionButton}
diff --git a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx
index b99c858aff..65b3e6a5ad 100644
--- a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx
+++ b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx
@@ -50,7 +50,7 @@ describe("Reveal button", () => {
         isShowing={false}
         hideText={HIDE_TEXT}
         showText={SHOW_TEXT}
-        caretPosition={"before"}
+        caretPosition="before"
       />
     );
 
@@ -64,7 +64,7 @@ describe("Reveal button", () => {
         isShowing={false}
         hideText={HIDE_TEXT}
         showText={SHOW_TEXT}
-        caretPosition={"after"}
+        caretPosition="after"
       />
     );
 
@@ -79,7 +79,7 @@ describe("Reveal button", () => {
         isShowing={false}
         hideText={HIDE_TEXT}
         showText={SHOW_TEXT}
-        caretPosition={"before"}
+        caretPosition="before"
         tooltipContent={TOOLTIP_CONTENT}
       />
     );
diff --git a/frontend/components/forms/fields/Radio/Radio.tests.tsx b/frontend/components/forms/fields/Radio/Radio.tests.tsx
index 0846d63524..0bb07fb99b 100644
--- a/frontend/components/forms/fields/Radio/Radio.tests.tsx
+++ b/frontend/components/forms/fields/Radio/Radio.tests.tsx
@@ -10,9 +10,9 @@ describe("Radio - component", () => {
     render(
       <Radio
         checked
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={noop}
       />
     );
@@ -27,9 +27,9 @@ describe("Radio - component", () => {
 
     render(
       <Radio
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={changeHandlerSpy}
       />
     );
@@ -45,9 +45,9 @@ describe("Radio - component", () => {
     render(
       <Radio
         checked
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={noop}
       />
     );
@@ -60,11 +60,11 @@ describe("Radio - component", () => {
     render(
       <Radio
         disabled
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={noop}
-        testId={"radio-input"}
+        testId="radio-input"
       />
     );
 
@@ -80,11 +80,11 @@ describe("Radio - component", () => {
     render(
       <Radio
         disabled
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={noop}
-        tooltip={"A Test Radio Tooltip"}
+        tooltip="A Test Radio Tooltip"
       />
     );
 
@@ -97,9 +97,9 @@ describe("Radio - component", () => {
     render(
       <Radio
         disabled
-        label={"Radio Label"}
-        value={"radioValue"}
-        id={"test-radio"}
+        label="Radio Label"
+        value="radioValue"
+        id="test-radio"
         onChange={noop}
         className="radio-button"
         testId="radio-input"
diff --git a/frontend/components/modals/ShowQueryModal/ShowQueryModal.tsx b/frontend/components/modals/ShowQueryModal/ShowQueryModal.tsx
index 5628c1a072..3f3e851b97 100644
--- a/frontend/components/modals/ShowQueryModal/ShowQueryModal.tsx
+++ b/frontend/components/modals/ShowQueryModal/ShowQueryModal.tsx
@@ -20,7 +20,7 @@ const ShowQueryModal = ({
 }: IShowQueryModalProps): JSX.Element => {
   return (
     <Modal
-      title={"Query"}
+      title="Query"
       onExit={onCancel}
       onEnter={onCancel}
       className={baseClass}
diff --git a/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx b/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx
index a13fd64886..6b66a21614 100644
--- a/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx
+++ b/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx
@@ -78,11 +78,11 @@ const PackQueriesTable = ({
           columnConfigs={tableHeaders}
           data={tableData}
           isLoading={isLoadingPackQueries}
-          defaultSortHeader={"name"}
-          defaultSortDirection={"asc"}
-          inputPlaceHolder={"Search queries"}
+          defaultSortHeader="name"
+          defaultSortDirection="asc"
+          inputPlaceHolder="Search queries"
           onQueryChange={onTableQueryChange}
-          resultsTitle={"queries"}
+          resultsTitle="queries"
           emptyComponent={() =>
             EmptyTable({
               header: "No queries match your search criteria",
@@ -113,7 +113,7 @@ const PackQueriesTable = ({
           <p>Your pack has no queries.</p>
           <Button
             onClick={onAddPackQuery}
-            variant={"text-icon"}
+            variant="text-icon"
             className={`${baseClass}__no-queries-action-button`}
           >
             <>
diff --git a/frontend/components/queries/PackQueriesTable/PackQueriesTable/PackQueriesTableConfig.tsx b/frontend/components/queries/PackQueriesTable/PackQueriesTable/PackQueriesTableConfig.tsx
index 06b73ee72c..e161d057f3 100644
--- a/frontend/components/queries/PackQueriesTable/PackQueriesTable/PackQueriesTableConfig.tsx
+++ b/frontend/components/queries/PackQueriesTable/PackQueriesTable/PackQueriesTableConfig.tsx
@@ -188,7 +188,7 @@ const generateTableHeaders = (
           onChange={(value: string) =>
             actionSelectHandler(value, cellProps.row.original)
           }
-          placeholder={"Actions"}
+          placeholder="Actions"
         />
       ),
     },
diff --git a/frontend/pages/DashboardPage/DashboardPage.tsx b/frontend/pages/DashboardPage/DashboardPage.tsx
index 764b9872ef..8aa61bedbc 100644
--- a/frontend/pages/DashboardPage/DashboardPage.tsx
+++ b/frontend/pages/DashboardPage/DashboardPage.tsx
@@ -282,7 +282,7 @@ const DashboardPage = ({ router, location }: IDashboardProps): JSX.Element => {
             setSoftwareTitleDetail(
               <LastUpdatedText
                 lastUpdatedAt={data.counts_updated_at}
-                whatToRetrieve={"software"}
+                whatToRetrieve="software"
               />
             );
           setShowSoftwareCard(true);
@@ -344,7 +344,7 @@ const DashboardPage = ({ router, location }: IDashboardProps): JSX.Element => {
         setMdmTitleDetail(
           <LastUpdatedText
             lastUpdatedAt={counts_updated_at}
-            whatToRetrieve={"MDM information"}
+            whatToRetrieve="MDM information"
           />
         );
         const statusData: IMdmStatusCardData[] = [
@@ -385,7 +385,7 @@ const DashboardPage = ({ router, location }: IDashboardProps): JSX.Element => {
       setMunkiTitleDetail(
         <LastUpdatedText
           lastUpdatedAt={counts_updated_at}
-          whatToRetrieve={"Munki"}
+          whatToRetrieve="Munki"
         />
       );
     },
diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/ActivityItem.tsx b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/ActivityItem.tsx
index e4ba1595cc..dadda97c84 100644
--- a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/ActivityItem.tsx
+++ b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/ActivityItem.tsx
@@ -965,7 +965,7 @@ const ActivityItem = ({
         hasWhiteBackground
       />
       <div className={`${baseClass}__details-wrapper`}>
-        <div className={"activity-details"}>
+        <div className="activity-details">
           {indicatePremiumFeature && <PremiumFeatureIconWithTooltip />}
           <span className={`${baseClass}__details-topline`}>
             {renderActivityPrefix()}
diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ScriptDetailsModal/ScriptDetailsModal.tsx b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ScriptDetailsModal/ScriptDetailsModal.tsx
index 5c18089a60..f2d30b5285 100644
--- a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ScriptDetailsModal/ScriptDetailsModal.tsx
+++ b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ScriptDetailsModal/ScriptDetailsModal.tsx
@@ -209,7 +209,7 @@ const ScriptDetailsModal = ({
 
   return (
     <Modal
-      title={"Script details"}
+      title="Script details"
       onExit={onCancel}
       onEnter={onCancel}
       className={baseClass}
diff --git a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx
index e5b9404476..bb2689d948 100644
--- a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx
+++ b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx
@@ -14,10 +14,10 @@ describe("SummaryTile - component", () => {
         count={200}
         isLoading={false}
         showUI={false} // tested
-        title={"Windows hosts"}
-        iconName={"windows"}
+        title="Windows hosts"
+        iconName="windows"
         circledIcon
-        tooltip={"Hosts on any Windows device"}
+        tooltip="Hosts on any Windows device"
         path={paths.MANAGE_HOSTS_LABEL(10)}
       />
     );
@@ -33,10 +33,10 @@ describe("SummaryTile - component", () => {
         count={200}
         isLoading // tested
         showUI
-        title={"Windows hosts"}
-        iconName={"windows"}
+        title="Windows hosts"
+        iconName="windows"
         circledIcon
-        tooltip={"Hosts on any Windows device"}
+        tooltip="Hosts on any Windows device"
         path={paths.MANAGE_HOSTS_LABEL(10)}
       />
     );
@@ -53,10 +53,10 @@ describe("SummaryTile - component", () => {
         count={200} // tested
         isLoading={false}
         showUI
-        title={"Windows hosts"} // tested
-        iconName={"windows"} // tested
+        title="Windows hosts" // tested
+        iconName="windows" // tested
         circledIcon
-        tooltip={"Hosts on any Windows device"}
+        tooltip="Hosts on any Windows device"
         path={paths.MANAGE_HOSTS_LABEL(10)}
       />
     );
@@ -76,8 +76,8 @@ describe("SummaryTile - component", () => {
         count={200}
         isLoading={false}
         showUI
-        title={"Windows hosts"}
-        iconName={"windows"}
+        title="Windows hosts"
+        iconName="windows"
         circledIcon
         path={paths.MANAGE_HOSTS_LABEL(10)}
       />
@@ -94,10 +94,10 @@ describe("SummaryTile - component", () => {
         count={200}
         isLoading={false}
         showUI
-        title={"Windows hosts"}
-        iconName={"windows"}
+        title="Windows hosts"
+        iconName="windows"
         circledIcon
-        tooltip={"Hosts on any Windows device"} // tested
+        tooltip="Hosts on any Windows device" // tested
         path={paths.MANAGE_HOSTS_LABEL(10)}
       />
     );
diff --git a/frontend/pages/DashboardPage/cards/LowDiskSpaceHosts/LowDiskSpaceHosts.tsx b/frontend/pages/DashboardPage/cards/LowDiskSpaceHosts/LowDiskSpaceHosts.tsx
index 7b25b6ac34..dadd27be46 100644
--- a/frontend/pages/DashboardPage/cards/LowDiskSpaceHosts/LowDiskSpaceHosts.tsx
+++ b/frontend/pages/DashboardPage/cards/LowDiskSpaceHosts/LowDiskSpaceHosts.tsx
@@ -47,7 +47,7 @@ const LowDiskSpaceHosts = ({
   return (
     <div className={baseClass}>
       <SummaryTile
-        iconName={"low-disk-space-hosts"}
+        iconName="low-disk-space-hosts"
         count={lowDiskSpaceCount}
         isLoading={isLoadingHosts}
         showUI={showHostsUI}
diff --git a/frontend/pages/DashboardPage/cards/MDM/MDM.tsx b/frontend/pages/DashboardPage/cards/MDM/MDM.tsx
index f5670ac9d4..2ff71ea1cc 100644
--- a/frontend/pages/DashboardPage/cards/MDM/MDM.tsx
+++ b/frontend/pages/DashboardPage/cards/MDM/MDM.tsx
@@ -117,7 +117,7 @@ const Mdm = ({
                   isLoading={isFetching}
                   defaultSortHeader={SOLUTIONS_DEFAULT_SORT_HEADER}
                   defaultSortDirection={DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"MDM"}
+                  resultsTitle="MDM"
                   emptyComponent={EmptyMdmSolutions}
                   showMarkAllPages={false}
                   isAllPagesSelected={false}
@@ -137,7 +137,7 @@ const Mdm = ({
                   isLoading={isFetching}
                   defaultSortHeader={STATUS_DEFAULT_SORT_HEADER}
                   defaultSortDirection={STATUS_DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"MDM"}
+                  resultsTitle="MDM"
                   emptyComponent={EmptyMdmStatus}
                   showMarkAllPages={false}
                   isAllPagesSelected={false}
diff --git a/frontend/pages/DashboardPage/cards/MissingHosts/MissingHosts.tsx b/frontend/pages/DashboardPage/cards/MissingHosts/MissingHosts.tsx
index bb6c9c9618..956b8a14fc 100644
--- a/frontend/pages/DashboardPage/cards/MissingHosts/MissingHosts.tsx
+++ b/frontend/pages/DashboardPage/cards/MissingHosts/MissingHosts.tsx
@@ -38,7 +38,7 @@ const MissingHosts = ({
   return (
     <div className={baseClass}>
       <SummaryTile
-        iconName={"missing-hosts"}
+        iconName="missing-hosts"
         count={missingCount}
         isLoading={isLoadingHosts}
         showUI={showHostsUI}
diff --git a/frontend/pages/DashboardPage/cards/Munki/Munki.tsx b/frontend/pages/DashboardPage/cards/Munki/Munki.tsx
index 5f3ff46aa4..ea77e59a2a 100644
--- a/frontend/pages/DashboardPage/cards/Munki/Munki.tsx
+++ b/frontend/pages/DashboardPage/cards/Munki/Munki.tsx
@@ -74,7 +74,7 @@ const Munki = ({
                   isLoading={isMacAdminsFetching}
                   defaultSortHeader={DEFAULT_SORT_HEADER}
                   defaultSortDirection={DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"Munki"}
+                  resultsTitle="Munki"
                   emptyComponent={() => (
                     <EmptyTable
                       header="No Munki issues detected"
@@ -101,7 +101,7 @@ const Munki = ({
                   isLoading={isMacAdminsFetching}
                   defaultSortHeader={DEFAULT_SORT_HEADER}
                   defaultSortDirection={DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"Munki"}
+                  resultsTitle="Munki"
                   emptyComponent={() => (
                     <EmptyTable
                       header="Unable to detect Munki versions"
diff --git a/frontend/pages/DashboardPage/cards/Munki/MunkiIssuesTableConfig.tsx b/frontend/pages/DashboardPage/cards/Munki/MunkiIssuesTableConfig.tsx
index 162f8597ec..f67f899ae9 100644
--- a/frontend/pages/DashboardPage/cards/Munki/MunkiIssuesTableConfig.tsx
+++ b/frontend/pages/DashboardPage/cards/Munki/MunkiIssuesTableConfig.tsx
@@ -70,7 +70,7 @@ const generateMunkiIssuesTableHeaders = (teamId?: number): IDataColumn[] => [
     Header: (headerProps: IHeaderProps): JSX.Element => {
       return (
         <HeaderCell
-          value={"Hosts"}
+          value="Hosts"
           isSortedDesc={headerProps.column.isSortedDesc}
         />
       );
diff --git a/frontend/pages/DashboardPage/cards/OperatingSystems/OperatingSystems.tsx b/frontend/pages/DashboardPage/cards/OperatingSystems/OperatingSystems.tsx
index 39fc2a4ed0..86dbf573eb 100644
--- a/frontend/pages/DashboardPage/cards/OperatingSystems/OperatingSystems.tsx
+++ b/frontend/pages/DashboardPage/cards/OperatingSystems/OperatingSystems.tsx
@@ -97,7 +97,7 @@ const OperatingSystems = ({
           Chromebooks automatically receive updates from Google until their
           auto-update expiration date.{" "}
           <CustomLink
-            url={"https://fleetdm.com/learn-more-about/chromeos-updates"}
+            url="https://fleetdm.com/learn-more-about/chromeos-updates"
             text="See supported devices"
             newTab
             multiline
@@ -127,7 +127,7 @@ const OperatingSystems = ({
   const titleDetail = osInfo?.counts_updated_at ? (
     <LastUpdatedText
       lastUpdatedAt={osInfo?.counts_updated_at}
-      whatToRetrieve={"operating systems"}
+      whatToRetrieve="operating systems"
     />
   ) : null;
 
@@ -175,7 +175,7 @@ const OperatingSystems = ({
             isLoading={isFetching}
             defaultSortHeader={DEFAULT_SORT_HEADER}
             defaultSortDirection={DEFAULT_SORT_DIRECTION}
-            resultsTitle={"Operating systems"}
+            resultsTitle="Operating systems"
             emptyComponent={() => EmptyOperatingSystems(selectedPlatform)}
             showMarkAllPages={false}
             isAllPagesSelected={false}
diff --git a/frontend/pages/DashboardPage/cards/Software/Software.tsx b/frontend/pages/DashboardPage/cards/Software/Software.tsx
index 3377cd0b1b..db4ab39198 100644
--- a/frontend/pages/DashboardPage/cards/Software/Software.tsx
+++ b/frontend/pages/DashboardPage/cards/Software/Software.tsx
@@ -94,7 +94,7 @@ const Software = ({
                   isLoading={isSoftwareFetching}
                   defaultSortHeader={SOFTWARE_DEFAULT_SORT_DIRECTION}
                   defaultSortDirection={SOFTWARE_DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"software"}
+                  resultsTitle="software"
                   emptyComponent={() => (
                     <EmptySoftwareTable
                       isCollectingSoftware={isCollectingInventory}
@@ -121,7 +121,7 @@ const Software = ({
                   isLoading={isSoftwareFetching}
                   defaultSortHeader={SOFTWARE_DEFAULT_SORT_HEADER}
                   defaultSortDirection={SOFTWARE_DEFAULT_SORT_DIRECTION}
-                  resultsTitle={"software"}
+                  resultsTitle="software"
                   emptyComponent={() => (
                     <EmptySoftwareTable
                       isCollectingSoftware={isCollectingInventory}
diff --git a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx
index 32e4d2b627..88a3989183 100644
--- a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx
+++ b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx
@@ -265,7 +265,7 @@ const LabelForm = ({
           </p>
         </div>
       )}
-      <div className={"button-wrap"}>
+      <div className="button-wrap">
         <Button onClick={onCancel} variant="inverse">
           Cancel
         </Button>
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/DeleteProfileModal/DeleteProfileModal.tsx b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/DeleteProfileModal/DeleteProfileModal.tsx
index 40b2976d15..71b265f2bc 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/DeleteProfileModal/DeleteProfileModal.tsx
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/DeleteProfileModal/DeleteProfileModal.tsx
@@ -34,7 +34,7 @@ const DeleteProfileModal = ({
   return (
     <Modal
       className={baseClass}
-      title={"Delete configuration profile"}
+      title="Delete configuration profile"
       onExit={onCancel}
       onEnter={() => onDelete(profileId)}
       width="large"
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileGraphic.tsx b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileGraphic.tsx
index 2452226581..c0460e83dd 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileGraphic.tsx
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileGraphic.tsx
@@ -16,7 +16,7 @@ const ProfileGraphic = ({
     <Graphic
       key={`file-configuration-profile-graphic`}
       className={`${baseClass}__graphic`}
-      name={"file-configuration-profile"}
+      name="file-configuration-profile"
     />
     {showMessage && (
       <span className={`${baseClass}__profile-graphic--message`}>
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileModal.tsx b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileModal.tsx
index 487a070f10..883479185a 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileModal.tsx
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/components/AddProfileModal.tsx
@@ -52,7 +52,7 @@ const FileChooser = ({
       </label>
     </Button>
     <input
-      accept={".mobileconfig,application/x-apple-aspen-config,.xml"}
+      accept=".mobileconfig,application/x-apple-aspen-config,.xml"
       id="upload-profile"
       type="file"
       onChange={(e) => {
@@ -97,20 +97,20 @@ const TargetChooser = ({
       <div className="form-field__label">Target</div>
       <Radio
         className={`${baseClass}__radio-input`}
-        label={"All hosts"}
-        id={"all-hosts-target-radio-btn"}
+        label="All hosts"
+        id="all-hosts-target-radio-btn"
         checked={selectedTarget === "All hosts"}
-        value={"All hosts"}
-        name={"all-hosts-target"}
+        value="All hosts"
+        name="all-hosts-target"
         onChange={setSelectedTarget}
       />
       <Radio
         className={`${baseClass}__radio-input`}
-        label={"Custom"}
-        id={"custom-target-radio-btn"}
+        label="Custom"
+        id="custom-target-radio-btn"
         checked={selectedTarget === "Custom"}
-        value={"Custom"}
-        name={"custom-target"}
+        value="Custom"
+        name="custom-target"
         onChange={setSelectedTarget}
       />
     </div>
diff --git a/frontend/pages/ManageControlsPage/OSUpdates/components/CurrentVersionSection/CurrentVersionSection.tsx b/frontend/pages/ManageControlsPage/OSUpdates/components/CurrentVersionSection/CurrentVersionSection.tsx
index 921e47e49a..6253acf923 100644
--- a/frontend/pages/ManageControlsPage/OSUpdates/components/CurrentVersionSection/CurrentVersionSection.tsx
+++ b/frontend/pages/ManageControlsPage/OSUpdates/components/CurrentVersionSection/CurrentVersionSection.tsx
@@ -50,7 +50,7 @@ const CurrentVersionSection = ({
     return (
       <LastUpdatedText
         lastUpdatedAt={data?.counts_updated_at}
-        whatToRetrieve={"operating systems"}
+        whatToRetrieve="operating systems"
       />
     );
   };
diff --git a/frontend/pages/ManageControlsPage/Scripts/components/DeleteScriptModal/DeleteScriptModal.tsx b/frontend/pages/ManageControlsPage/Scripts/components/DeleteScriptModal/DeleteScriptModal.tsx
index 385f1e5cbb..4d67aea8b6 100644
--- a/frontend/pages/ManageControlsPage/Scripts/components/DeleteScriptModal/DeleteScriptModal.tsx
+++ b/frontend/pages/ManageControlsPage/Scripts/components/DeleteScriptModal/DeleteScriptModal.tsx
@@ -36,7 +36,7 @@ const DeleteScriptModal = ({
   return (
     <Modal
       className={baseClass}
-      title={"Delete script"}
+      title="Delete script"
       onExit={onCancel}
       onEnter={() => onClickDelete(scriptId)}
     >
diff --git a/frontend/pages/ManageControlsPage/Scripts/components/RerunScriptModal/RerunScriptModal.tsx b/frontend/pages/ManageControlsPage/Scripts/components/RerunScriptModal/RerunScriptModal.tsx
index b8081dbc66..db3029d8e8 100644
--- a/frontend/pages/ManageControlsPage/Scripts/components/RerunScriptModal/RerunScriptModal.tsx
+++ b/frontend/pages/ManageControlsPage/Scripts/components/RerunScriptModal/RerunScriptModal.tsx
@@ -34,7 +34,7 @@ const RerunScriptModal = ({
   return (
     <Modal
       className={baseClass}
-      title={"Rerun Script"}
+      title="Rerun Script"
       onExit={onCancel}
       onEnter={() => onRerun(scriptId)}
     >
diff --git a/frontend/pages/ManageControlsPage/SetupExperience/cards/BootstrapPackage/components/DeletePackageModal/DeletePackageModal.tsx b/frontend/pages/ManageControlsPage/SetupExperience/cards/BootstrapPackage/components/DeletePackageModal/DeletePackageModal.tsx
index e29119392c..a351ddf820 100644
--- a/frontend/pages/ManageControlsPage/SetupExperience/cards/BootstrapPackage/components/DeletePackageModal/DeletePackageModal.tsx
+++ b/frontend/pages/ManageControlsPage/SetupExperience/cards/BootstrapPackage/components/DeletePackageModal/DeletePackageModal.tsx
@@ -17,7 +17,7 @@ const DeletePackageModal = ({
   return (
     <Modal
       className={baseClass}
-      title={"Delete bootstrap package"}
+      title="Delete bootstrap package"
       onExit={onCancel}
       onEnter={() => onDelete()}
     >
diff --git a/frontend/pages/ManageControlsPage/components/TurnOnMdmMessage/TurnOnMdmMessage.tsx b/frontend/pages/ManageControlsPage/components/TurnOnMdmMessage/TurnOnMdmMessage.tsx
index ce052c31e1..f2853ac515 100644
--- a/frontend/pages/ManageControlsPage/components/TurnOnMdmMessage/TurnOnMdmMessage.tsx
+++ b/frontend/pages/ManageControlsPage/components/TurnOnMdmMessage/TurnOnMdmMessage.tsx
@@ -31,7 +31,7 @@ const TurnOnMdmMessage = ({ router }: ITurnOnMdmMessageProps) => {
   return (
     <EmptyTable
       header="Manage your hosts"
-      info={"Turn on MDM to change settings on your hosts."}
+      info="Turn on MDM to change settings on your hosts."
       primaryButton={renderConnectButton()}
     />
   );
diff --git a/frontend/pages/SoftwarePage/SoftwareOS/SoftwareOSTable/SoftwareOSTable.tsx b/frontend/pages/SoftwarePage/SoftwareOS/SoftwareOSTable/SoftwareOSTable.tsx
index 4d24e10f88..cdf7cf14c5 100644
--- a/frontend/pages/SoftwarePage/SoftwareOS/SoftwareOSTable/SoftwareOSTable.tsx
+++ b/frontend/pages/SoftwarePage/SoftwareOS/SoftwareOSTable/SoftwareOSTable.tsx
@@ -138,7 +138,7 @@ const SoftwareOSTable = ({
     return (
       <LastUpdatedText
         lastUpdatedAt={data.counts_updated_at}
-        whatToRetrieve={"software"}
+        whatToRetrieve="software"
       />
     );
   };
@@ -176,7 +176,7 @@ const SoftwareOSTable = ({
         columnConfigs={softwareTableHeaders}
         data={data?.os_versions ?? []}
         isLoading={isLoading}
-        resultsTitle={"items"}
+        resultsTitle="items"
         emptyComponent={() => (
           <EmptySoftwareTable
             isSoftwareDisabled={!isSoftwareEnabled}
diff --git a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx
index 47686816f5..da3674e0bd 100644
--- a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx
+++ b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx
@@ -176,7 +176,7 @@ const SoftwareTable = ({
     return (
       <LastUpdatedText
         lastUpdatedAt={data.counts_updated_at}
-        whatToRetrieve={"software"}
+        whatToRetrieve="software"
       />
     );
   };
@@ -292,7 +292,7 @@ const SoftwareTable = ({
         columnConfigs={softwareTableHeaders}
         data={tableData ?? []}
         isLoading={isLoading}
-        resultsTitle={"items"}
+        resultsTitle="items"
         emptyComponent={() => (
           <EmptySoftwareTable
             isSoftwareDisabled={!isSoftwareEnabled}
diff --git a/frontend/pages/SoftwarePage/components/ManageSoftwareAutomationsModal/ManageSoftwareAutomationsModal.tsx b/frontend/pages/SoftwarePage/components/ManageSoftwareAutomationsModal/ManageSoftwareAutomationsModal.tsx
index 415982a159..002bca8924 100644
--- a/frontend/pages/SoftwarePage/components/ManageSoftwareAutomationsModal/ManageSoftwareAutomationsModal.tsx
+++ b/frontend/pages/SoftwarePage/components/ManageSoftwareAutomationsModal/ManageSoftwareAutomationsModal.tsx
@@ -353,9 +353,9 @@ const ManageAutomationsModal = ({
             searchable
             options={createIntegrationDropdownOptions()}
             onChange={onChangeSelectIntegration}
-            placeholder={"Select integration"}
+            placeholder="Select integration"
             value={selectedIntegration?.dropdownIndex}
-            label={"Integration"}
+            label="Integration"
             wrapperClassName={`${baseClass}__form-field ${baseClass}__form-field--frequency`}
             helpText="For each new vulnerability detected, Fleet will create a ticket with a list of the affected hosts."
           />
@@ -396,15 +396,15 @@ const ManageAutomationsModal = ({
         <InputField
           inputWrapperClass={`${baseClass}__url-input`}
           name="webhook-url"
-          label={"Destination URL"}
-          type={"text"}
+          label="Destination URL"
+          type="text"
           value={destinationUrl}
           onChange={onURLChange}
           error={errors.url}
           helpText={
             "For each new vulnerability detected, Fleet will send a JSON payload to this URL with a list of the affected hosts."
           }
-          placeholder={"https://server.com/example"}
+          placeholder="https://server.com/example"
           tooltip="Provide a URL to deliver a webhook request to."
         />
         <Button
@@ -434,7 +434,7 @@ const ManageAutomationsModal = ({
   return (
     <Modal
       onExit={onReturnToApp}
-      title={"Manage automations"}
+      title="Manage automations"
       className={baseClass}
       width="large"
     >
@@ -444,8 +444,8 @@ const ManageAutomationsModal = ({
           onChange={() =>
             setSoftwareAutomationsEnabled(!softwareAutomationsEnabled)
           }
-          inactiveText={"Vulnerability automations disabled"}
-          activeText={"Vulnerability automations enabled"}
+          inactiveText="Vulnerability automations disabled"
+          activeText="Vulnerability automations enabled"
         />
         <div
           className={`form ${baseClass}__software-automations${
@@ -456,20 +456,20 @@ const ManageAutomationsModal = ({
             <div className="form-field__label">Workflow</div>
             <Radio
               className={`${baseClass}__radio-input`}
-              label={"Ticket"}
-              id={"ticket-radio-btn"}
+              label="Ticket"
+              id="ticket-radio-btn"
               checked={integrationEnabled}
-              value={"ticket"}
-              name={"ticket"}
+              value="ticket"
+              name="ticket"
               onChange={onRadioChange(true)}
             />
             <Radio
               className={`${baseClass}__radio-input`}
-              label={"Webhook"}
-              id={"webhook-radio-btn"}
+              label="Webhook"
+              id="webhook-radio-btn"
               checked={!integrationEnabled}
-              value={"webhook"}
-              name={"webhook"}
+              value="webhook"
+              name="webhook"
               onChange={onRadioChange(false)}
             />
           </div>
diff --git a/frontend/pages/SoftwarePage/components/PreviewPayloadModal/PreviewPayloadModal.tsx b/frontend/pages/SoftwarePage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
index eeb5a96537..b1e0b168a4 100644
--- a/frontend/pages/SoftwarePage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
+++ b/frontend/pages/SoftwarePage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
@@ -69,7 +69,7 @@ const PreviewPayloadModal = ({
 
   return (
     <Modal
-      title={"Example payload"}
+      title="Example payload"
       onExit={onCancel}
       onEnter={onCancel}
       className={baseClass}
diff --git a/frontend/pages/SoftwarePage/components/PreviewTicketModal/PreviewTicketModal.tsx b/frontend/pages/SoftwarePage/components/PreviewTicketModal/PreviewTicketModal.tsx
index 4197119b64..e0d403a2a7 100644
--- a/frontend/pages/SoftwarePage/components/PreviewTicketModal/PreviewTicketModal.tsx
+++ b/frontend/pages/SoftwarePage/components/PreviewTicketModal/PreviewTicketModal.tsx
@@ -40,7 +40,7 @@ const PreviewTicketModal = ({
 
   return (
     <Modal
-      title={"Example ticket"}
+      title="Example ticket"
       onExit={onCancel}
       onEnter={onCancel}
       className={baseClass}
diff --git a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/DeleteEulaModal/DeleteEulaModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/DeleteEulaModal/DeleteEulaModal.tsx
index f2e5fe5bab..1c41df40d0 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/DeleteEulaModal/DeleteEulaModal.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/DeleteEulaModal/DeleteEulaModal.tsx
@@ -14,7 +14,7 @@ const DeleteEulaModal = ({ onDelete, onCancel }: IDeleteEulaModalProps) => {
   return (
     <Modal
       className={baseClass}
-      title={"Delete EULA"}
+      title="Delete EULA"
       onExit={onCancel}
       onEnter={() => onDelete()}
     >
diff --git a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/EulaListItem/EulaListItem.tsx b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/EulaListItem/EulaListItem.tsx
index d63a89a394..b7ab2ab018 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/EulaListItem/EulaListItem.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EulaSection/components/EulaListItem/EulaListItem.tsx
@@ -48,7 +48,7 @@ const EulaListItem = ({ eulaData, onDelete }: IEulaListItemProps) => {
             name="external-link"
             size="medium"
             className={`${baseClass}__external-icon`}
-            color={"ui-fleet-black-75"}
+            color="ui-fleet-black-75"
           />
         </Button>
         <Button
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/Integrations.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/Integrations.tsx
index cf232034e9..75f95f836b 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/Integrations.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/Integrations.tsx
@@ -382,8 +382,8 @@ const Integrations = (): JSX.Element => {
           columnConfigs={tableHeaders}
           data={tableData}
           isLoading={isLoadingIntegrations}
-          defaultSortHeader={"name"}
-          defaultSortDirection={"asc"}
+          defaultSortHeader="name"
+          defaultSortDirection="asc"
           actionButton={{
             name: "add integration",
             buttonText: "Add integration",
@@ -391,7 +391,7 @@ const Integrations = (): JSX.Element => {
             onActionButtonClick: toggleAddIntegrationModal,
             hideButton: !tableData?.length,
           }}
-          resultsTitle={"integrations"}
+          resultsTitle="integrations"
           emptyComponent={() => (
             <EmptyIntegrationsTable
               className={noIntegrationsClass}
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/IntegrationsTableConfig.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/IntegrationsTableConfig.tsx
index e67c943050..09a707a5b5 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/IntegrationsTableConfig.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/IntegrationsTableConfig.tsx
@@ -71,7 +71,7 @@ const generateTableHeaders = (
       accessor: "type",
       Cell: (cellProps: ICellProps) => {
         return (
-          <div className={"logo-cell"}>
+          <div className="logo-cell">
             <img
               src={cellProps.cell.value === "jira" ? JiraIcon : ZendeskIcon}
               alt="integration-icon"
@@ -104,7 +104,7 @@ const generateTableHeaders = (
           onChange={(value: string) =>
             actionSelectHandler(value, cellProps.row.original)
           }
-          placeholder={"Actions"}
+          placeholder="Actions"
         />
       ),
     },
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/AddIntegrationModal/AddIntegrationModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/AddIntegrationModal/AddIntegrationModal.tsx
index 4f98ba7da6..0dc4dc630a 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/AddIntegrationModal/AddIntegrationModal.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/AddIntegrationModal/AddIntegrationModal.tsx
@@ -47,7 +47,7 @@ const AddIntegrationModal = ({
   }, [backendValidators]);
 
   return (
-    <Modal title={"Add integration"} onExit={onCancel} className={baseClass}>
+    <Modal title="Add integration" onExit={onCancel} className={baseClass}>
       <div className="form">
         {!testingConnection && (
           <>
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/DeleteIntegrationModal/DeleteIntegrationModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/DeleteIntegrationModal/DeleteIntegrationModal.tsx
index 9d230e8138..7fce0cb465 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/DeleteIntegrationModal/DeleteIntegrationModal.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/DeleteIntegrationModal/DeleteIntegrationModal.tsx
@@ -22,7 +22,7 @@ const DeleteIntegrationModal = ({
 }: IDeleteIntegrationModalProps): JSX.Element => {
   return (
     <Modal
-      title={"Delete integration"}
+      title="Delete integration"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/EditIntegrationModal/EditIntegrationModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/EditIntegrationModal/EditIntegrationModal.tsx
index 7f973262ce..83d99a14fb 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/EditIntegrationModal/EditIntegrationModal.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/EditIntegrationModal/EditIntegrationModal.tsx
@@ -37,7 +37,7 @@ const EditIntegrationModal = ({
   }, [backendValidators]);
 
   return (
-    <Modal title={"Edit integration"} onExit={onCancel} className={baseClass}>
+    <Modal title="Edit integration" onExit={onCancel} className={baseClass}>
       {testingConnection ? (
         <div className={`${baseClass}__testing-connection`}>
           <b>Testing connection</b>
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/IntegrationForm.tsx b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/IntegrationForm.tsx
index a62cd86c81..0cce5bb5a1 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/IntegrationForm.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/IntegrationForm.tsx
@@ -275,7 +275,7 @@ const IntegrationForm = ({
                     formData.apiToken === "" ||
                     formData.groupId === 0)
               }
-              className={"tooltip"}
+              className="tooltip"
             >
               <Button
                 type="submit"
diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/components/TeamHostExpiryToggle/TeamHostExpiryToggle.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/components/TeamHostExpiryToggle/TeamHostExpiryToggle.tsx
index a574729e24..dd46c48cff 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/components/TeamHostExpiryToggle/TeamHostExpiryToggle.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/components/TeamHostExpiryToggle/TeamHostExpiryToggle.tsx
@@ -26,7 +26,7 @@ const TeamHostExpiryToggle = ({
         hosts expire after {globalHostExpiryWindow} days.{" "}
         {!teamExpiryEnabled && (
           <Link
-            to={""}
+            to=""
             onClick={(e: React.MouseEvent) => {
               e.preventDefault();
               setTeamExpiryEnabled(true);
diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPage.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPage.tsx
index cb64fceed4..1e56bcfb00 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPage.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPage.tsx
@@ -393,12 +393,12 @@ const UsersPage = ({ location, router }: ITeamSubnavProps): JSX.Element => {
         <TableDataError />
       ) : (
         <TableContainer
-          resultsTitle={"users"}
+          resultsTitle="users"
           columnConfigs={columnConfigs}
           data={teamUsers || []}
           isLoading={isLoadingUsers}
-          defaultSortHeader={"name"}
-          defaultSortDirection={"asc"}
+          defaultSortHeader="name"
+          defaultSortDirection="asc"
           actionButton={{
             name: isGlobalAdmin ? "add user" : "create user",
             buttonText: isGlobalAdmin ? "Add users" : "Create users",
@@ -409,7 +409,7 @@ const UsersPage = ({ location, router }: ITeamSubnavProps): JSX.Element => {
             hideButton: userIds.length === 0 && searchString === "",
           }}
           onQueryChange={({ searchQuery }) => setSearchString(searchQuery)}
-          inputPlaceHolder={"Search"}
+          inputPlaceHolder="Search"
           emptyComponent={() => (
             <EmptyMembersTable
               className={noUsersClass}
@@ -462,7 +462,7 @@ const UsersPage = ({ location, router }: ITeamSubnavProps): JSX.Element => {
           onCancel={toggleCreateUserModal}
           onSubmit={onCreateUserSubmit}
           defaultGlobalRole={null}
-          defaultTeamRole={"observer"}
+          defaultTeamRole="observer"
           defaultTeams={[
             { id: currentTeamDetails.id, name: "", role: "observer" },
           ]}
diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPageTableConfig.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPageTableConfig.tsx
index cbf7d8c0bb..aacdc32881 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPageTableConfig.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/UsersPageTableConfig.tsx
@@ -182,7 +182,7 @@ const generateColumnConfigs = (
           onChange={(value: string) =>
             actionSelectHandler(value, cellProps.row.original)
           }
-          placeholder={"Actions"}
+          placeholder="Actions"
         />
       ),
     },
diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/components/AddUsersModal/AddUsersModal.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/components/AddUsersModal/AddUsersModal.tsx
index f38c0a7ebf..b4cde99f26 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/components/AddUsersModal/AddUsersModal.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/UsersPage/components/AddUsersModal/AddUsersModal.tsx
@@ -43,7 +43,7 @@ const AddUsersModal = ({
   }, [selectedUsers, onSubmit]);
 
   return (
-    <Modal onExit={onCancel} title={"Add users"} className={baseClass}>
+    <Modal onExit={onCancel} title="Add users" className={baseClass}>
       <form className={`${baseClass}__form`}>
         <div className="form-field">
           <label className="form-field__label" htmlFor="user-autocomplete">
@@ -54,7 +54,7 @@ const AddUsersModal = ({
             id="user-autocomplete"
             resourceUrl={endpoints.USERS}
             onChange={onChangeDropdown}
-            placeholder={"Search users by name"}
+            placeholder="Search users by name"
             disabledOptions={disabledUsers}
             value={selectedUsers}
             autoFocus
@@ -64,8 +64,8 @@ const AddUsersModal = ({
           User not here?&nbsp;
           <Button
             onClick={onCreateNewTeamUser}
-            variant={"text-link"}
-            className={"light-text"}
+            variant="text-link"
+            className="light-text"
           >
             <>
               <strong>Create a user</strong>
diff --git a/frontend/pages/admin/TeamManagementPage/components/RenameTeamModal/RenameTeamModal.tsx b/frontend/pages/admin/TeamManagementPage/components/RenameTeamModal/RenameTeamModal.tsx
index cf59621b98..ea70b5965c 100644
--- a/frontend/pages/admin/TeamManagementPage/components/RenameTeamModal/RenameTeamModal.tsx
+++ b/frontend/pages/admin/TeamManagementPage/components/RenameTeamModal/RenameTeamModal.tsx
@@ -47,7 +47,7 @@ const RenameTeamModal = ({
   };
 
   return (
-    <Modal title={"Rename team"} onExit={onCancel} className={baseClass}>
+    <Modal title="Rename team" onExit={onCancel} className={baseClass}>
       <form
         className={`${baseClass}__form`}
         onSubmit={onFormSubmit}
diff --git a/frontend/pages/admin/UserManagementPage/components/CreateUserModal/CreateUserModal.tsx b/frontend/pages/admin/UserManagementPage/components/CreateUserModal/CreateUserModal.tsx
index f9c59bfa9a..2b36a3b82d 100644
--- a/frontend/pages/admin/UserManagementPage/components/CreateUserModal/CreateUserModal.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/CreateUserModal/CreateUserModal.tsx
@@ -54,7 +54,7 @@ const CreateUserModal = ({
         onCancel={onCancel}
         onSubmit={onSubmit}
         availableTeams={availableTeams || []}
-        submitText={"Create"}
+        submitText="Create"
         isPremiumTier={isPremiumTier}
         smtpConfigured={smtpConfigured}
         sesConfigured={sesConfigured}
diff --git a/frontend/pages/admin/UserManagementPage/components/DeleteUserModal/DeleteUserModal.tsx b/frontend/pages/admin/UserManagementPage/components/DeleteUserModal/DeleteUserModal.tsx
index 9f581a1461..8193a3b708 100644
--- a/frontend/pages/admin/UserManagementPage/components/DeleteUserModal/DeleteUserModal.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/DeleteUserModal/DeleteUserModal.tsx
@@ -18,7 +18,7 @@ const DeleteUserModal = ({
   isUpdatingUsers,
 }: IDeleteUserModal): JSX.Element => {
   return (
-    <Modal title={"Delete user"} onExit={onCancel} onEnter={onDelete}>
+    <Modal title="Delete user" onExit={onCancel} onEnter={onDelete}>
       <div className={baseClass}>
         <p>
           You are about to delete{" "}
diff --git a/frontend/pages/admin/UserManagementPage/components/EditUserModal/EditUserModal.tsx b/frontend/pages/admin/UserManagementPage/components/EditUserModal/EditUserModal.tsx
index 023e0a0d2e..4eacc876d6 100644
--- a/frontend/pages/admin/UserManagementPage/components/EditUserModal/EditUserModal.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/EditUserModal/EditUserModal.tsx
@@ -67,7 +67,7 @@ const EditUserModal = ({
         onCancel={onCancel}
         onSubmit={onSubmit}
         availableTeams={availableTeams}
-        submitText={"Save"}
+        submitText="Save"
         isPremiumTier={isPremiumTier}
         smtpConfigured={smtpConfigured}
         sesConfigured={sesConfigured}
diff --git a/frontend/pages/admin/UserManagementPage/components/UserForm/UserForm.tsx b/frontend/pages/admin/UserManagementPage/components/UserForm/UserForm.tsx
index efaed0a547..ece5d9c157 100644
--- a/frontend/pages/admin/UserManagementPage/components/UserForm/UserForm.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/UserForm/UserForm.tsx
@@ -452,10 +452,7 @@ const UserForm = ({
                 <span className={`${baseClass}__sso-input sublabel-nosso`}>
                   This user previously signed in via SSO, which has been
                   globally disabled.{" "}
-                  <button
-                    className={"button--text-link"}
-                    onClick={onSsoDisable}
-                  >
+                  <button className="button--text-link" onClick={onSsoDisable}>
                     Add password instead
                     <Icon
                       name="chevron-right"
diff --git a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
index 55b21269ce..02955ae2ac 100644
--- a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
@@ -483,7 +483,7 @@ const UsersTable = ({ router }: IUsersTableProps): JSX.Element => {
         onCancel={toggleCreateUserModal}
         onSubmit={onCreateUserSubmit}
         availableTeams={teams || []}
-        defaultGlobalRole={"observer"}
+        defaultGlobalRole="observer"
         defaultTeams={[]}
         isPremiumTier={isPremiumTier || false}
         smtpConfigured={config?.smtp_settings.configured || false}
@@ -557,9 +557,9 @@ const UsersTable = ({ router }: IUsersTableProps): JSX.Element => {
           columnConfigs={tableHeaders}
           data={tableData}
           isLoading={loadingTableData}
-          defaultSortHeader={"name"}
-          defaultSortDirection={"asc"}
-          inputPlaceHolder={"Search by name or email"}
+          defaultSortHeader="name"
+          defaultSortDirection="asc"
+          inputPlaceHolder="Search by name or email"
           actionButton={{
             name: "create user",
             buttonText: "Create user",
diff --git a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTableConfig.tsx b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTableConfig.tsx
index 8251921a7a..d4d574017e 100644
--- a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTableConfig.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTableConfig.tsx
@@ -206,7 +206,7 @@ const generateTableHeaders = (
           onChange={(value: string) =>
             actionSelectHandler(value, cellProps.row.original)
           }
-          placeholder={"Actions"}
+          placeholder="Actions"
         />
       ),
     },
diff --git a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
index 883dcc64f3..1165eb4dcc 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
@@ -82,11 +82,11 @@ const EditColumnsModal = ({
         <div className="modal-cta-wrap">
           <Button
             onClick={() => onSaveColumns(getHiddenColumns(columnItems))}
-            variant={"default"}
+            variant="default"
           >
             Save
           </Button>
-          <Button onClick={onCancelColumns} variant={"inverse"}>
+          <Button onClick={onCancelColumns} variant="inverse">
             Cancel
           </Button>
         </div>
diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx
index 65d304a809..f44e71b6ca 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx
@@ -62,7 +62,7 @@ const FilterPill = ({
             <Button
               className={`${baseClass}__clear-filter`}
               onClick={onClear}
-              variant={"small-text-icon"}
+              variant="small-text-icon"
               title={label}
             >
               <Icon name="close" color="core-fleet-blue" size="small" />
diff --git a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/LabelFilterSelect.tsx b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/LabelFilterSelect.tsx
index 0d53a3edec..9f5e5bbb8c 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/LabelFilterSelect.tsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/LabelFilterSelect.tsx
@@ -48,7 +48,7 @@ const formatOptionLabel = (data: ILabel | IEmptyOption) => {
   }
 
   return (
-    <div className={"option-label"}>
+    <div className="option-label">
       {isPlatform && (
         <Icon
           name={PLATFORM_TYPE_ICONS[data.display_text]}
diff --git a/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx b/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
index 4b27ff3302..89efcf2a5f 100644
--- a/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
+++ b/frontend/pages/hosts/components/DeleteHostModal/DeleteHostModal.tsx
@@ -60,7 +60,7 @@ const DeleteHostModal = ({
 
   return (
     <Modal
-      title={"Delete host"}
+      title="Delete host"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
@@ -78,7 +78,7 @@ const DeleteHostModal = ({
             url={
               "https://fleetdm.com/docs/using-fleet/faq#how-can-i-uninstall-the-osquery-agent"
             }
-            text={"Uninstall Fleet's agent"}
+            text="Uninstall Fleet's agent"
             newTab
           />
         </p>
diff --git a/frontend/pages/hosts/components/TransferHostModal/TransferHostModal.tsx b/frontend/pages/hosts/components/TransferHostModal/TransferHostModal.tsx
index a37593478a..5993415e4c 100644
--- a/frontend/pages/hosts/components/TransferHostModal/TransferHostModal.tsx
+++ b/frontend/pages/hosts/components/TransferHostModal/TransferHostModal.tsx
@@ -66,7 +66,7 @@ const TransferHostModal = ({
   };
 
   return (
-    <Modal onExit={onCancel} title={"Transfer hosts"} className={baseClass}>
+    <Modal onExit={onCancel} title="Transfer hosts" className={baseClass}>
       <form className={`${baseClass}__form`}>
         <Dropdown
           wrapperClassName={`${baseClass}__team-dropdown-wrapper`}
@@ -74,7 +74,7 @@ const TransferHostModal = ({
           value={selectedTeam && selectedTeam.id}
           options={createTeamDropdownOptions()}
           onChange={onChangeSelectTeam}
-          placeholder={"Select a team"}
+          placeholder="Select a team"
           searchable={false}
           autoFocus
         />
diff --git a/frontend/pages/hosts/details/HostDetailsPage/HostActionsDropdown/HostActionsDropdown.tsx b/frontend/pages/hosts/details/HostDetailsPage/HostActionsDropdown/HostActionsDropdown.tsx
index bcb6119587..378b72b9bc 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/HostActionsDropdown/HostActionsDropdown.tsx
+++ b/frontend/pages/hosts/details/HostDetailsPage/HostActionsDropdown/HostActionsDropdown.tsx
@@ -81,7 +81,7 @@ const HostActionsDropdown = ({
       <Dropdown
         className={`${baseClass}__host-actions-dropdown`}
         onChange={onSelect}
-        placeholder={"Actions"}
+        placeholder="Actions"
         searchable={false}
         options={options}
       />
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/BootstrapPackageModal/BootstrapPackageModal.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/BootstrapPackageModal/BootstrapPackageModal.tsx
index 1ea8e87931..5c6475f4f0 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/BootstrapPackageModal/BootstrapPackageModal.tsx
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/BootstrapPackageModal/BootstrapPackageModal.tsx
@@ -18,7 +18,7 @@ const BootstrapPackageModal = ({
 }: IBootstrapPackageModalProps) => {
   return (
     <Modal
-      title={"Bootstrap package"}
+      title="Bootstrap package"
       onExit={onClose}
       onEnter={onClose}
       className={baseClass}
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
index 9cfae95235..fb2fb53b0f 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
@@ -128,7 +128,7 @@ const RunScriptModal = ({
 
   return (
     <Modal
-      title={"Run script"}
+      title="Run script"
       onExit={onClose}
       onEnter={onClose}
       className={`${baseClass}`}
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/ScriptsTableConfig.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/ScriptsTableConfig.tsx
index 37edd9902f..19d1626ce2 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/ScriptsTableConfig.tsx
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/ScriptsTableConfig.tsx
@@ -162,7 +162,7 @@ export const generateTableColumnConfigs = (
             onChange={(value: string) =>
               onSelectAction(value, cellProps.row.original)
             }
-            placeholder={"Actions"}
+            placeholder="Actions"
             disabled={scriptsDisabled}
           />
         );
diff --git a/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsTable.tsx b/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsTable.tsx
index 176d0c12e9..d96606e357 100644
--- a/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsTable.tsx
+++ b/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsTable.tsx
@@ -17,7 +17,7 @@ const OSSettingsTable = ({ tableData }: IOSSettingsTableProps) => {
         defaultSortHeader="name"
         columnConfigs={tableHeaders}
         data={tableData}
-        emptyComponent={"symbol"}
+        emptyComponent="symbol"
         isLoading={false}
         showMarkAllPages={false}
         isAllPagesSelected={false}
diff --git a/frontend/pages/hosts/details/cards/About/About.tsx b/frontend/pages/hosts/details/cards/About/About.tsx
index f0528df878..93448cfcce 100644
--- a/frontend/pages/hosts/details/cards/About/About.tsx
+++ b/frontend/pages/hosts/details/cards/About/About.tsx
@@ -54,7 +54,7 @@ const About = ({
         <span
           className="text-cell text-muted tooltip"
           data-tip
-          data-for={"public-ip-tooltip"}
+          data-for="public-ip-tooltip"
         >
           {aboutData.public_ip}
         </span>
@@ -62,7 +62,7 @@ const About = ({
           place="bottom"
           effect="solid"
           backgroundColor={COLORS["tooltip-bg"]}
-          id={"public-ip-tooltip"}
+          id="public-ip-tooltip"
           data-html
           clickable
           delayHide={200} // need delay set to hover using clickable
diff --git a/frontend/pages/hosts/details/cards/Activity/PastActivity/PastActivity.tsx b/frontend/pages/hosts/details/cards/Activity/PastActivity/PastActivity.tsx
index 11614c110e..8dadc1328c 100644
--- a/frontend/pages/hosts/details/cards/Activity/PastActivity/PastActivity.tsx
+++ b/frontend/pages/hosts/details/cards/Activity/PastActivity/PastActivity.tsx
@@ -106,7 +106,7 @@ const PastActivity = ({ activity, onDetailsClick }: IPastActivityProps) => {
         hasWhiteBackground
       />
       <div className={`${baseClass}__details-wrapper`}>
-        <div className={"activity-details"}>
+        <div className="activity-details">
           <PastActivityTopline
             activity={activity}
             onDetailsClick={onDetailsClick}
diff --git a/frontend/pages/hosts/details/cards/Activity/UpcomingActivity/UpcomingActivity.tsx b/frontend/pages/hosts/details/cards/Activity/UpcomingActivity/UpcomingActivity.tsx
index 5457e581e2..afc1adb6c0 100644
--- a/frontend/pages/hosts/details/cards/Activity/UpcomingActivity/UpcomingActivity.tsx
+++ b/frontend/pages/hosts/details/cards/Activity/UpcomingActivity/UpcomingActivity.tsx
@@ -44,7 +44,7 @@ const UpcomingActivity = ({
         hasWhiteBackground
       />
       <div className={`${baseClass}__details-wrapper`}>
-        <div className={"activity-details"}>
+        <div className="activity-details">
           <span className={`${baseClass}__details-topline`}>
             <b>{activity.actor_full_name}</b>
             <>
diff --git a/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx b/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
index 952ad53270..3eb76c9c82 100644
--- a/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
+++ b/frontend/pages/hosts/details/cards/HostSummary/HostSummary.tsx
@@ -242,7 +242,7 @@ const HostSummary = ({
             Failing policies ({summaryData.issues.failing_policies_count})
           </span>
         </ReactTooltip>
-        <span className={"info-flex__data__text"}>
+        <span className="info-flex__data__text">
           {summaryData.issues.total_issues_count}
         </span>
       </span>
diff --git a/frontend/pages/hosts/details/cards/MunkiIssues/MunkiIssues.tsx b/frontend/pages/hosts/details/cards/MunkiIssues/MunkiIssues.tsx
index 103fb4c9eb..9af139a73f 100644
--- a/frontend/pages/hosts/details/cards/MunkiIssues/MunkiIssues.tsx
+++ b/frontend/pages/hosts/details/cards/MunkiIssues/MunkiIssues.tsx
@@ -33,9 +33,9 @@ const MunkiIssuesTable = ({
             columnConfigs={tableHeaders}
             data={tableMunkiIssues || []}
             isLoading={isLoading}
-            defaultSortHeader={"name"}
-            defaultSortDirection={"asc"}
-            resultsTitle={"issue"}
+            defaultSortHeader="name"
+            defaultSortDirection="asc"
+            resultsTitle="issue"
             emptyComponent={() => (
               <EmptyTable
                 header="No Munki issues detected"
diff --git a/frontend/pages/hosts/details/cards/Packs/Packs.tsx b/frontend/pages/hosts/details/cards/Packs/Packs.tsx
index ac03758380..81ee3f5847 100644
--- a/frontend/pages/hosts/details/cards/Packs/Packs.tsx
+++ b/frontend/pages/hosts/details/cards/Packs/Packs.tsx
@@ -48,9 +48,9 @@ const Packs = ({ packsState, isLoading }: IPacksProps): JSX.Element => {
                       data={generatePackDataSet(pack.query_stats)}
                       isLoading={isLoading}
                       onQueryChange={() => null}
-                      resultsTitle={"queries"}
-                      defaultSortHeader={"scheduled_query_name"}
-                      defaultSortDirection={"asc"}
+                      resultsTitle="queries"
+                      defaultSortHeader="scheduled_query_name"
+                      defaultSortDirection="asc"
                       showMarkAllPages={false}
                       isAllPagesSelected={false}
                       emptyComponent={() => <></>}
diff --git a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/HostPoliciesTableConfig.tsx b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/HostPoliciesTableConfig.tsx
index f998865a8c..5b2d19c6e7 100644
--- a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/HostPoliciesTableConfig.tsx
+++ b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/HostPoliciesTableConfig.tsx
@@ -67,11 +67,11 @@ const generatePolicyTableHeaders = (
         const { name } = cellProps.row.original;
         return (
           <Button
-            className={`policy-info`}
+            className="policy-info"
             onClick={() => {
               togglePolicyDetails(cellProps.row.original);
             }}
-            variant={"text-icon"}
+            variant="text-icon"
           >
             <span className={`policy-info-text`}>{name}</span>
           </Button>
diff --git a/frontend/pages/hosts/details/cards/Policies/Policies.tsx b/frontend/pages/hosts/details/cards/Policies/Policies.tsx
index 8d28a21eb7..a750a6db68 100644
--- a/frontend/pages/hosts/details/cards/Policies/Policies.tsx
+++ b/frontend/pages/hosts/details/cards/Policies/Policies.tsx
@@ -68,7 +68,7 @@ const Policies = ({
             data={generatePolicyDataSet(policies)}
             isLoading={isLoading}
             manualSortBy
-            resultsTitle={"policy items"}
+            resultsTitle="policy items"
             emptyComponent={() => <></>}
             showMarkAllPages={false}
             isAllPagesSelected={false}
diff --git a/frontend/pages/hosts/details/cards/Users/Users.tsx b/frontend/pages/hosts/details/cards/Users/Users.tsx
index ad54c1c4b5..a5d85de51e 100644
--- a/frontend/pages/hosts/details/cards/Users/Users.tsx
+++ b/frontend/pages/hosts/details/cards/Users/Users.tsx
@@ -54,11 +54,11 @@ const Users = ({
           columnConfigs={tableHeaders}
           data={usersState}
           isLoading={isLoading}
-          defaultSortHeader={"username"}
-          defaultSortDirection={"asc"}
-          inputPlaceHolder={"Search users by username"}
+          defaultSortHeader="username"
+          defaultSortDirection="asc"
+          inputPlaceHolder="Search users by username"
           onQueryChange={onUsersTableSearchChange}
-          resultsTitle={"users"}
+          resultsTitle="users"
           emptyComponent={() => (
             <EmptyTable
               header="No users match your search criteria"
diff --git a/frontend/pages/packs/EditPackPage/components/PackQueryEditorModal/PackQueryEditorModal.tsx b/frontend/pages/packs/EditPackPage/components/PackQueryEditorModal/PackQueryEditorModal.tsx
index ccdd036798..78899c7d9a 100644
--- a/frontend/pages/packs/EditPackPage/components/PackQueryEditorModal/PackQueryEditorModal.tsx
+++ b/frontend/pages/packs/EditPackPage/components/PackQueryEditorModal/PackQueryEditorModal.tsx
@@ -194,7 +194,7 @@ const PackQueryEditorModal = ({
             searchable
             options={createQueryDropdownOptions()}
             onChange={onChangeSelectQuery}
-            placeholder={"Select query"}
+            placeholder="Select query"
             value={selectedQuery?.id}
             wrapperClassName={`${baseClass}__select-query-dropdown-wrapper`}
             autoFocus
diff --git a/frontend/pages/packs/EditPackPage/components/RemovePackQueryModal/RemovePackQueryModal.tsx b/frontend/pages/packs/EditPackPage/components/RemovePackQueryModal/RemovePackQueryModal.tsx
index de37d81e04..545291cdab 100644
--- a/frontend/pages/packs/EditPackPage/components/RemovePackQueryModal/RemovePackQueryModal.tsx
+++ b/frontend/pages/packs/EditPackPage/components/RemovePackQueryModal/RemovePackQueryModal.tsx
@@ -25,7 +25,7 @@ const RemovePackQueryModal = ({
     selectedQuery || selectedQueryIds?.length === 1 ? "query" : "queries";
   return (
     <Modal
-      title={"Remove queries"}
+      title="Remove queries"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
diff --git a/frontend/pages/packs/ManagePacksPage/components/DeletePackModal/DeletePackModal.tsx b/frontend/pages/packs/ManagePacksPage/components/DeletePackModal/DeletePackModal.tsx
index 7a9cb5cabe..8f87bdec14 100644
--- a/frontend/pages/packs/ManagePacksPage/components/DeletePackModal/DeletePackModal.tsx
+++ b/frontend/pages/packs/ManagePacksPage/components/DeletePackModal/DeletePackModal.tsx
@@ -18,7 +18,7 @@ const DeletePackModal = ({
 }: IDeletePackModalProps): JSX.Element => {
   return (
     <Modal
-      title={"Delete pack"}
+      title="Delete pack"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
diff --git a/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx b/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx
index 192818976f..e44805f518 100644
--- a/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx
+++ b/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx
@@ -103,12 +103,12 @@ const PacksTable = ({
   return (
     <div className={`${baseClass}`}>
       <TableContainer
-        resultsTitle={"packs"}
+        resultsTitle="packs"
         columnConfigs={tableHeaders}
         data={generateDataSet(filteredPacks)}
         isLoading={isLoading}
-        defaultSortHeader={"pack"}
-        defaultSortDirection={"desc"}
+        defaultSortHeader="pack"
+        defaultSortDirection="desc"
         showMarkAllPages={false}
         isAllPagesSelected={false}
         onQueryChange={onQueryChange}
diff --git a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
index e68a96de42..be95e222d7 100644
--- a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
@@ -761,7 +761,7 @@ const ManagePolicyPage = ({
               showInheritedTable,
               globalPoliciesCount
             )}
-            caretPosition={"before"}
+            caretPosition="before"
             tooltipContent={
               <>
                 &quot;All teams&quot; policies are checked
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/DeletePolicyModal/DeletePolicyModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/DeletePolicyModal/DeletePolicyModal.tsx
index 1600519a8d..37ac1081ed 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/DeletePolicyModal/DeletePolicyModal.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/DeletePolicyModal/DeletePolicyModal.tsx
@@ -18,7 +18,7 @@ const DeletePolicyModal = ({
 }: IDeletePolicyModalProps): JSX.Element => {
   return (
     <Modal
-      title={"Delete policies"}
+      title="Delete policies"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/ManagePolicyAutomationsModal/ManagePolicyAutomationsModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/ManagePolicyAutomationsModal/ManagePolicyAutomationsModal.tsx
index 403702128a..ae71c22cfe 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/ManagePolicyAutomationsModal/ManagePolicyAutomationsModal.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/ManagePolicyAutomationsModal/ManagePolicyAutomationsModal.tsx
@@ -288,13 +288,13 @@ const ManagePolicyAutomationsModal = ({
         <InputField
           inputWrapperClass={`${baseClass}__url-input`}
           name="webhook-url"
-          label={"Destination URL"}
-          type={"text"}
+          label="Destination URL"
+          type="text"
           value={destinationUrl}
           onChange={onChangeUrl}
           error={errors.url}
           helpText='For each policy, Fleet will send a JSON payload to this URL with a list of the hosts that updated their answer to "No."'
-          placeholder={"https://server.com/example"}
+          placeholder="https://server.com/example"
           tooltip="Provide a URL to deliver a webhook request to."
         />
         <Button type="button" variant="text-link" onClick={togglePreviewModal}>
@@ -310,11 +310,11 @@ const ManagePolicyAutomationsModal = ({
         <Dropdown
           options={dropdownOptions}
           onChange={onSelectIntegration}
-          placeholder={"Select integration"}
+          placeholder="Select integration"
           value={
             selectedIntegration?.group_id || selectedIntegration?.project_key
           }
-          label={"Integration"}
+          label="Integration"
           error={errors.integration}
           wrapperClassName={`${baseClass}__form-field ${baseClass}__form-field--frequency`}
           hint={
@@ -364,8 +364,8 @@ const ManagePolicyAutomationsModal = ({
             setIsPolicyAutomationsEnabled(!isPolicyAutomationsEnabled);
             setErrors({});
           }}
-          inactiveText={"Policy automations disabled"}
-          activeText={"Policy automations enabled"}
+          inactiveText="Policy automations disabled"
+          activeText="Policy automations enabled"
         />
         <div
           className={`form ${baseClass}__policy-automations__${
@@ -409,20 +409,20 @@ const ManagePolicyAutomationsModal = ({
             <div className="form-field__label">Workflow</div>
             <Radio
               className={`${baseClass}__radio-input`}
-              label={"Ticket"}
-              id={"ticket-radio-btn"}
+              label="Ticket"
+              id="ticket-radio-btn"
               checked={!isWebhookEnabled}
-              value={"ticket"}
-              name={"ticket"}
+              value="ticket"
+              name="ticket"
               onChange={onChangeRadio}
             />
             <Radio
               className={`${baseClass}__radio-input`}
-              label={"Webhook"}
-              id={"webhook-radio-btn"}
+              label="Webhook"
+              id="webhook-radio-btn"
               checked={isWebhookEnabled}
-              value={"webhook"}
-              name={"webhook"}
+              value="webhook"
+              name="webhook"
               onChange={onChangeRadio}
             />
           </div>
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/PreviewPayloadModal/PreviewPayloadModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
index f8c67d658b..b3cf3a8225 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/PreviewPayloadModal/PreviewPayloadModal.tsx
@@ -64,7 +64,7 @@ const PreviewPayloadModal = ({
 
   return (
     <Modal
-      title={"Example payload"}
+      title="Example payload"
       onExit={onCancel}
       onEnter={onCancel}
       className={baseClass}
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/PreviewTicketModal/PreviewTicketModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/PreviewTicketModal/PreviewTicketModal.tsx
index 5ef142af5a..c46d2e4e54 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/PreviewTicketModal/PreviewTicketModal.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/PreviewTicketModal/PreviewTicketModal.tsx
@@ -42,7 +42,7 @@ const PreviewTicketModal = ({
 
   return (
     <Modal
-      title={"Example ticket"}
+      title="Example ticket"
       onExit={onCancel}
       className={baseClass}
       width="large"
diff --git a/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx b/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
index 6ba5cec1c7..7e9173a6e9 100644
--- a/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
+++ b/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
@@ -510,7 +510,7 @@ const PolicyForm = ({
       )}
       {renderLiveQueryWarning()}
       {isObserverPlus && ( // Observer+ can run existing policies
-        <div className={"button-wrap"}>
+        <div className="button-wrap">
           <Button
             className={`${baseClass}__run`}
             variant="blue-green"
@@ -562,7 +562,7 @@ const PolicyForm = ({
           {(isEditMode || defaultPolicy) && platformSelector.render()}
           {isEditMode && isPremiumTier && renderCriticalPolicy()}
           {renderLiveQueryWarning()}
-          <div className={"button-wrap"}>
+          <div className="button-wrap">
             {hasSavePermissions && (
               <>
                 <span
diff --git a/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx b/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx
index e2532a2d8a..3b1fb9e1be 100644
--- a/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx
+++ b/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx
@@ -43,8 +43,8 @@ const PoliciesTable = ({
         columnConfigs={generateTableHeaders()}
         data={generateDataSet(errorsList)}
         isLoading={isLoading}
-        defaultSortHeader={"name"}
-        defaultSortDirection={"asc"}
+        defaultSortHeader="name"
+        defaultSortDirection="asc"
         manualSortBy
         showMarkAllPages={false}
         isAllPagesSelected={false}
diff --git a/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx b/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx
index 985206151d..25c1b516bc 100644
--- a/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx
+++ b/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx
@@ -43,8 +43,8 @@ const PoliciesTable = ({
         columnConfigs={generateTableHeaders()}
         data={generateDataSet(policyHostsList)}
         isLoading={isLoading}
-        defaultSortHeader={"query_results"}
-        defaultSortDirection={"asc"}
+        defaultSortHeader="query_results"
+        defaultSortDirection="asc"
         showMarkAllPages={false}
         isAllPagesSelected={false}
         isClientSidePagination
diff --git a/frontend/pages/policies/PolicyPage/components/SaveNewPolicyModal/SaveNewPolicyModal.tsx b/frontend/pages/policies/PolicyPage/components/SaveNewPolicyModal/SaveNewPolicyModal.tsx
index 4b8c26de47..58abc3b766 100644
--- a/frontend/pages/policies/PolicyPage/components/SaveNewPolicyModal/SaveNewPolicyModal.tsx
+++ b/frontend/pages/policies/PolicyPage/components/SaveNewPolicyModal/SaveNewPolicyModal.tsx
@@ -105,7 +105,7 @@ const SaveNewPolicyModal = ({
 
   return (
     <Modal
-      title={"Save policy"}
+      title="Save policy"
       onExit={() => setIsSaveNewPolicyModalOpen(false)}
     >
       <>
diff --git a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
index 8733826e80..cf6f2861e6 100644
--- a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
+++ b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
@@ -305,7 +305,7 @@ const ManageQueriesPage = ({
         showText={`Show ${inheritedQueryCount} inherited quer${
           inheritedQueryCount === 1 ? "y" : "ies"
         }`}
-        caretPosition={"before"}
+        caretPosition="before"
         tooltipContent={
           <>
             Queries from the &quot;All teams&quot;
diff --git a/frontend/pages/queries/ManageQueriesPage/components/DeleteQueryModal/DeleteQueryModal.tsx b/frontend/pages/queries/ManageQueriesPage/components/DeleteQueryModal/DeleteQueryModal.tsx
index 46a24cb172..835ae1a754 100644
--- a/frontend/pages/queries/ManageQueriesPage/components/DeleteQueryModal/DeleteQueryModal.tsx
+++ b/frontend/pages/queries/ManageQueriesPage/components/DeleteQueryModal/DeleteQueryModal.tsx
@@ -18,7 +18,7 @@ const DeleteQueryModal = ({
 }: IDeleteQueryModalProps): JSX.Element => {
   return (
     <Modal
-      title={"Delete query"}
+      title="Delete query"
       onExit={onCancel}
       onEnter={onSubmit}
       className={baseClass}
diff --git a/frontend/pages/queries/ManageQueriesPage/components/PreviewDataModal/PreviewDataModal.tsx b/frontend/pages/queries/ManageQueriesPage/components/PreviewDataModal/PreviewDataModal.tsx
index 308679f1a0..cfc7180985 100644
--- a/frontend/pages/queries/ManageQueriesPage/components/PreviewDataModal/PreviewDataModal.tsx
+++ b/frontend/pages/queries/ManageQueriesPage/components/PreviewDataModal/PreviewDataModal.tsx
@@ -35,7 +35,7 @@ const PreviewDataModal = ({
   };
 
   return (
-    <Modal title={"Example data"} onExit={onCancel} className={baseClass}>
+    <Modal title="Example data" onExit={onCancel} className={baseClass}>
       <div className={`${baseClass}__preview-modal`}>
         <p>
           <TooltipWrapper
diff --git a/frontend/pages/queries/ManageQueriesPage/components/QueryAutomationsStatusIndicator/QueryAutomationsStatusIndicator.tsx b/frontend/pages/queries/ManageQueriesPage/components/QueryAutomationsStatusIndicator/QueryAutomationsStatusIndicator.tsx
index 34edebdf79..5726a51c0f 100644
--- a/frontend/pages/queries/ManageQueriesPage/components/QueryAutomationsStatusIndicator/QueryAutomationsStatusIndicator.tsx
+++ b/frontend/pages/queries/ManageQueriesPage/components/QueryAutomationsStatusIndicator/QueryAutomationsStatusIndicator.tsx
@@ -36,7 +36,7 @@ const QueryAutomationsStatusIndicator = ({
     <StatusIndicator
       value={status}
       tooltip={tooltip}
-      customIndicatorType={"query-automations"}
+      customIndicatorType="query-automations"
     />
   );
 };
diff --git a/frontend/pages/queries/details/components/NoResults/NoResults.tsx b/frontend/pages/queries/details/components/NoResults/NoResults.tsx
index 23b38e4938..5a35a33b56 100644
--- a/frontend/pages/queries/details/components/NoResults/NoResults.tsx
+++ b/frontend/pages/queries/details/components/NoResults/NoResults.tsx
@@ -57,7 +57,7 @@ const NoResults = ({
     return (
       <EmptyTable
         graphicName="collecting-results"
-        header={"Collecting results..."}
+        header="Collecting results..."
         info={collectingResultsInfo()}
       />
     );
diff --git a/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx b/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
index 80de9b62e3..2c78ef99b4 100644
--- a/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
+++ b/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
@@ -134,8 +134,8 @@ const QueryReport = ({
               <EmptyTable
                 className={baseClass}
                 graphicName="empty-software"
-                header={"Nothing to report yet"}
-                info={"This query has returned no data so far."}
+                header="Nothing to report yet"
+                info="This query has returned no data so far."
               />
             );
           }}
diff --git a/frontend/pages/queries/edit/components/ConfirmSaveChangesModal/ConfirmSaveChangesModal.tsx b/frontend/pages/queries/edit/components/ConfirmSaveChangesModal/ConfirmSaveChangesModal.tsx
index e09da21090..d210e19a07 100644
--- a/frontend/pages/queries/edit/components/ConfirmSaveChangesModal/ConfirmSaveChangesModal.tsx
+++ b/frontend/pages/queries/edit/components/ConfirmSaveChangesModal/ConfirmSaveChangesModal.tsx
@@ -23,7 +23,7 @@ const ConfirmSaveChangesModal = ({
     : "The changes you are making to this query will delete its previous results.";
 
   return (
-    <Modal title={"Save changes?"} onExit={onClose}>
+    <Modal title="Save changes?" onExit={onClose}>
       <form className={`${baseClass}__form`}>
         <p>{warningText}</p>
         <p>You cannot undo this action.</p>
diff --git a/frontend/pages/queries/edit/components/DiscardDataOption/DiscardDataOption.tsx b/frontend/pages/queries/edit/components/DiscardDataOption/DiscardDataOption.tsx
index 897d2c1037..4eee69abab 100644
--- a/frontend/pages/queries/edit/components/DiscardDataOption/DiscardDataOption.tsx
+++ b/frontend/pages/queries/edit/components/DiscardDataOption/DiscardDataOption.tsx
@@ -46,7 +46,7 @@ const DiscardDataOption = ({
             {"globally disabled."}
           </TooltipWrapper>{" "}
           <Link
-            to={""}
+            to=""
             onClick={(e: React.MouseEvent) => {
               e.preventDefault();
               setForceEditDiscardData(true);
diff --git a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tests.tsx b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tests.tsx
index 89f60da544..81610b098f 100644
--- a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tests.tsx
+++ b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tests.tsx
@@ -62,7 +62,7 @@ describe("EditQueryForm - component", () => {
         router={mockRouter}
         queryIdForEdit={1}
         apiTeamIdForQuery={1}
-        teamNameForQuery={"Apples"}
+        teamNameForQuery="Apples"
         showOpenSchemaActionText
         storedQuery={createMockQuery({ name: "" })} // empty name
         isStoredQueryLoading={false}
@@ -127,7 +127,7 @@ describe("EditQueryForm - component", () => {
         router={mockRouter}
         queryIdForEdit={1}
         apiTeamIdForQuery={1}
-        teamNameForQuery={"Apples"}
+        teamNameForQuery="Apples"
         showOpenSchemaActionText
         storedQuery={createMockQuery({ name: "Mock query" })}
         isStoredQueryLoading={false}
diff --git a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
index 8e25ebae69..07d8284198 100644
--- a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
+++ b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
@@ -698,9 +698,9 @@ const EditQueryForm = ({
                 searchable={false}
                 options={frequencyOptions}
                 onChange={onChangeSelectFrequency}
-                placeholder={"Every day"}
+                placeholder="Every day"
                 value={lastEditedQueryFrequency}
-                label={"Frequency"}
+                label="Frequency"
                 wrapperClassName={`${baseClass}__form-field form-field--frequency`}
                 helpText="This is how often your query collects data."
               />
@@ -715,10 +715,10 @@ const EditQueryForm = ({
               </Checkbox>
               <RevealButton
                 isShowing={showAdvancedOptions}
-                className={"advanced-options-toggle"}
-                hideText={"Hide advanced options"}
-                showText={"Show advanced options"}
-                caretPosition={"after"}
+                className="advanced-options-toggle"
+                hideText="Hide advanced options"
+                showText="Show advanced options"
+                caretPosition="after"
                 onClick={toggleAdvancedOptions}
               />
               {showAdvancedOptions && (
diff --git a/frontend/pages/queries/edit/components/SaveQueryModal/SaveQueryModal.tsx b/frontend/pages/queries/edit/components/SaveQueryModal/SaveQueryModal.tsx
index 3c5bc0bb82..7d14fcd2c2 100644
--- a/frontend/pages/queries/edit/components/SaveQueryModal/SaveQueryModal.tsx
+++ b/frontend/pages/queries/edit/components/SaveQueryModal/SaveQueryModal.tsx
@@ -145,7 +145,7 @@ const SaveQueryModal = ({
   );
 
   return (
-    <Modal title={"Save query"} onExit={toggleSaveQueryModal}>
+    <Modal title="Save query" onExit={toggleSaveQueryModal}>
       <form
         onSubmit={onClickSaveQuery}
         className={baseClass}
@@ -176,7 +176,7 @@ const SaveQueryModal = ({
           onChange={(value: number) => {
             setSelectedFrequency(value);
           }}
-          placeholder={"Every hour"}
+          placeholder="Every hour"
           value={selectedFrequency}
           label="Frequency"
           wrapperClassName={`${baseClass}__form-field form-field--frequency`}
@@ -186,17 +186,17 @@ const SaveQueryModal = ({
           name="observerCanRun"
           onChange={setObserverCanRun}
           value={observerCanRun}
-          wrapperClassName={"observer-can-run-wrapper"}
+          wrapperClassName="observer-can-run-wrapper"
           helpText="Users with the Observer role will be able to run this query as a live query."
         >
           Observers can run
         </Checkbox>
         <RevealButton
           isShowing={showAdvancedOptions}
-          className={"advanced-options-toggle"}
-          hideText={"Hide advanced options"}
-          showText={"Show advanced options"}
-          caretPosition={"after"}
+          className="advanced-options-toggle"
+          hideText="Hide advanced options"
+          showText="Show advanced options"
+          caretPosition="after"
           onClick={toggleAdvancedOptions}
         />
         {showAdvancedOptions && (