diff --git a/frontend/app/components/Dashboard/components/Alerts/AlertsView.tsx b/frontend/app/components/Dashboard/components/Alerts/AlertsView.tsx
index 5574cb985..ed5fa1769 100644
--- a/frontend/app/components/Dashboard/components/Alerts/AlertsView.tsx
+++ b/frontend/app/components/Dashboard/components/Alerts/AlertsView.tsx
@@ -17,10 +17,10 @@ function AlertsView({ siteId, init }: IAlertsView) {
     return (
         <div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded py-4 border">
             <div className="flex items-center mb-4 justify-between px-6">
-                <Link to={withSiteId(alertCreate(), siteId)}><Button variant="primary" onClick={null}>Create</Button></Link>
-                <div className="flex items-baseline ml-3">
+                <div className="flex items-baseline mr-3">
                     <PageTitle title="Alerts" />
                 </div>
+                <Link to={withSiteId(alertCreate(), siteId)}><Button variant="primary" onClick={null}>Create</Button></Link>
                 <div className="ml-auto w-1/4" style={{ minWidth: 300 }}>
                     <AlertsSearch />
                 </div>
diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx
index ea30ab345..79a2a5b4b 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx
@@ -23,10 +23,10 @@ function DashboardsView({ history, siteId }: { history: any, siteId: string }) {
     return (
         <div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded py-4 border">
             <div className="flex items-center mb-4 justify-between px-6">
-                <Button variant="primary" onClick={onAddDashboardClick}>Create</Button>
-                <div className="flex items-baseline ml-3">
+                <div className="flex items-baseline mr-3">
                     <PageTitle title="Dashboards" />
                 </div>
+                <Button variant="primary" onClick={onAddDashboardClick}>Create</Button>
                 <div className="ml-auto w-1/4" style={{ minWidth: 300 }}>
                     <DashboardSearch />
                 </div>
diff --git a/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx b/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
index 216896ee4..302618f66 100644
--- a/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
@@ -18,10 +18,10 @@ function MetricsView({ siteId }: Props) {
     return useObserver(() => (
         <div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded py-4 border">
             <div className="flex items-center mb-4 justify-between px-6">
-                <Link to={'/metrics/create'}><Button variant="primary">Create</Button></Link>
-                <div className="flex items-baseline ml-3">
+                <div className="flex items-baseline mr-3">
                     <PageTitle title="Metrics" className="" />
                 </div>
+                <Link to={'/metrics/create'}><Button variant="primary">Create</Button></Link>
                 <div className="ml-auto w-1/4" style={{ minWidth: 300 }}>
                     <MetricsSearch />
                 </div>