diff --git a/frontend/components/buttons/AutomationsButton/AutomationsButton.tsx b/frontend/components/buttons/AutomationsButton/AutomationsButton.tsx
new file mode 100644
index 0000000000..d7b29390bf
--- /dev/null
+++ b/frontend/components/buttons/AutomationsButton/AutomationsButton.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import classnames from "classnames";
+
+import Button, { IButtonProps } from "components/buttons/Button";
+import Icon from "components/Icon";
+
+const baseClass = "automations-button";
+
+export type IAutomationsButtonProps = Pick<
+  IButtonProps,
+  "onClick" | "disabled" | "className" | "size"
+>;
+
+const AutomationsButton = ({
+  onClick,
+  disabled,
+  className,
+  size,
+}: IAutomationsButtonProps): JSX.Element => {
+  const classNames = classnames(baseClass, className);
+
+  return (
+    <Button
+      className={classNames}
+      onClick={onClick}
+      disabled={disabled}
+      variant="inverse"
+      size={size}
+    >
+      <Icon name="settings" /> Automations
+    </Button>
+  );
+};
+
+export default AutomationsButton;
diff --git a/frontend/components/buttons/AutomationsButton/index.ts b/frontend/components/buttons/AutomationsButton/index.ts
new file mode 100644
index 0000000000..5d008f710c
--- /dev/null
+++ b/frontend/components/buttons/AutomationsButton/index.ts
@@ -0,0 +1 @@
+export { default } from "./AutomationsButton";
diff --git a/frontend/components/buttons/Button/index.ts b/frontend/components/buttons/Button/index.ts
index c4719be7c0..1a5b182e44 100644
--- a/frontend/components/buttons/Button/index.ts
+++ b/frontend/components/buttons/Button/index.ts
@@ -1 +1,2 @@
 export { default } from "./Button";
+export type { IButtonProps, ButtonVariant } from "./Button";
diff --git a/frontend/pages/DashboardPage/DashboardPage.tsx b/frontend/pages/DashboardPage/DashboardPage.tsx
index d63ed4e080..bc47c0c20a 100644
--- a/frontend/pages/DashboardPage/DashboardPage.tsx
+++ b/frontend/pages/DashboardPage/DashboardPage.tsx
@@ -665,8 +665,7 @@ const DashboardPage = ({ router, location }: IDashboardProps): JSX.Element => {
     showTitle: showActivityFeedTitle,
     action: canEditActivityFeedAutomations
       ? {
-          type: "button",
-          text: "Manage automations",
+          type: "automations",
           onClick: () => setShowActivityFeedAutomationsModal(true),
         }
       : undefined,
diff --git a/frontend/pages/DashboardPage/components/InfoCard/InfoCard.tsx b/frontend/pages/DashboardPage/components/InfoCard/InfoCard.tsx
index 5926da84b0..e3ca2cacdf 100644
--- a/frontend/pages/DashboardPage/components/InfoCard/InfoCard.tsx
+++ b/frontend/pages/DashboardPage/components/InfoCard/InfoCard.tsx
@@ -3,6 +3,7 @@ import { browserHistory } from "react-router";
 
 import Card from "components/Card";
 import Button from "components/buttons/Button";
+import AutomationsButton from "components/buttons/AutomationsButton";
 import Icon from "components/Icon";
 import classnames from "classnames";
 
@@ -22,6 +23,10 @@ interface IInfoCardProps {
         type: "button";
         text: string;
         onClick?: () => void;
+      }
+    | {
+        type: "automations";
+        onClick?: () => void;
       };
   total_host_count?: number;
   showTitle?: boolean;
@@ -59,6 +64,16 @@ const useInfoCard = ({
 
   const renderAction = () => {
     if (action) {
+      if (action.type === "automations") {
+        return (
+          <AutomationsButton
+            className={`${baseClass}__action-button`}
+            size="small"
+            onClick={action.onClick}
+          />
+        );
+      }
+
       if (action.type === "button") {
         return (
           <Button
diff --git a/frontend/pages/SoftwarePage/SoftwarePage.tsx b/frontend/pages/SoftwarePage/SoftwarePage.tsx
index bd94c6a05b..1cffd8198f 100644
--- a/frontend/pages/SoftwarePage/SoftwarePage.tsx
+++ b/frontend/pages/SoftwarePage/SoftwarePage.tsx
@@ -22,6 +22,7 @@ import {
 import { getNextLocationPath } from "utilities/helpers";
 
 import Button from "components/buttons/Button";
+import AutomationsButton from "components/buttons/AutomationsButton";
 import MainContent from "components/MainContent";
 import TeamsHeader from "components/TeamsHeader";
 import TooltipWrapper from "components/TooltipWrapper";
@@ -398,16 +399,13 @@ const SoftwarePage = ({ children, router, location }: ISoftwarePageProps) => {
             position="top"
             showArrow
           >
-            <Button
+            <AutomationsButton
               // TODO(Product) - Why not enable managing global automations when on any team like this
               // for everyone?
               disabled={!isAllTeamsSelected && !isPrimoMode}
               onClick={toggleManageAutomationsModal}
               className={`${baseClass}__manage-automations`}
-              variant="inverse"
-            >
-              Manage automations
-            </Button>
+            />
           </TooltipWrapper>
         )}
         {canAddSoftware && (
diff --git a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
index fa586eaa46..aad26190d8 100644
--- a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
@@ -48,7 +48,7 @@ import teamsAPI, { ILoadTeamResponse } from "services/entities/teams";
 import { ITableQueryData } from "components/TableContainer/TableContainer";
 import TableCount from "components/TableContainer/TableCount";
 import Button from "components/buttons/Button";
-import Icon from "components/Icon";
+import AutomationsButton from "components/buttons/AutomationsButton";
 
 import { SingleValue } from "react-select-5";
 import DropdownWrapper from "components/forms/fields/DropdownWrapper";
@@ -880,16 +880,10 @@ const ManagePolicyPage = ({
   let automationsButton = null;
   if (canEditAutomationsSettings) {
     automationsButton = (
-      <Button
-        className={`${baseClass}__automations-button`}
+      <AutomationsButton
         onClick={toggleAutomationsModal}
         disabled={!hasPoliciesToAutomate}
-        variant="inverse"
-      >
-        <>
-          <Icon name="settings" /> Automations
-        </>
-      </Button>
+      />
     );
     if (!hasPoliciesToAutomate) {
       const tipContent =
diff --git a/frontend/pages/policies/ManagePoliciesPage/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
index 652dbd9936..416525f721 100644
--- a/frontend/pages/policies/ManagePoliciesPage/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
@@ -23,12 +23,6 @@
     min-width: 277px;
   }
 
-  &__automations-button {
-    display: flex;
-    align-items: center;
-    gap: $pad-small;
-  }
-
   &__header {
     display: flex;
     align-items: center;
diff --git a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
index 025a854e8f..a54650292b 100644
--- a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
+++ b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx
@@ -34,6 +34,7 @@ import PATHS from "router/paths";
 
 import PageDescription from "components/PageDescription";
 import Button from "components/buttons/Button";
+import AutomationsButton from "components/buttons/AutomationsButton";
 import TableDataError from "components/DataError";
 import MainContent from "components/MainContent";
 import TeamsDropdown from "components/TeamsDropdown";
@@ -425,13 +426,10 @@ const ManageQueriesPage = ({
               <div className={`${baseClass}__action-button-container`}>
                 {canManageAutomations &&
                   (isManageAutomationsEnabled ? (
-                    <Button
+                    <AutomationsButton
                       onClick={onManageAutomationsClick}
                       className={`${baseClass}__manage-automations button`}
-                      variant="inverse"
-                    >
-                      Manage automations
-                    </Button>
+                    />
                   ) : (
                     <TooltipWrapper
                       tipContent={
@@ -455,13 +453,10 @@ const ManageQueriesPage = ({
                       position="top"
                       showArrow
                     >
-                      <Button
+                      <AutomationsButton
                         disabled
                         className={`${baseClass}__manage-automations button`}
-                        variant="inverse"
-                      >
-                        Manage automations
-                      </Button>
+                      />
                     </TooltipWrapper>
                   ))}
                 {canCustomQuery && (