diff --git a/src/plugins/dashboard/public/dashboard_top_nav/_dashboard_top_nav.scss b/src/plugins/dashboard/public/dashboard_top_nav/_dashboard_top_nav.scss
index e73de35dfc41d9..6b0141a50861d7 100644
--- a/src/plugins/dashboard/public/dashboard_top_nav/_dashboard_top_nav.scss
+++ b/src/plugins/dashboard/public/dashboard_top_nav/_dashboard_top_nav.scss
@@ -1,4 +1,9 @@
 .kbnBody {
+  .dshTitleBreadcrumbs__updateIcon {
+    margin-left: $euiSizeXS;
+    cursor: pointer;
+  }
+
   .dashboardTopNav {
     width: 100%;
     position: sticky;
diff --git a/src/plugins/dashboard/public/dashboard_top_nav/internal_dashboard_top_nav.tsx b/src/plugins/dashboard/public/dashboard_top_nav/internal_dashboard_top_nav.tsx
index 4ad82045d51460..e2b93e2c9764e2 100644
--- a/src/plugins/dashboard/public/dashboard_top_nav/internal_dashboard_top_nav.tsx
+++ b/src/plugins/dashboard/public/dashboard_top_nav/internal_dashboard_top_nav.tsx
@@ -172,17 +172,17 @@ export function InternalDashboardTopNav({
         text:
           viewMode === ViewMode.EDIT ? (
             <>
-              {dashboardTitle} <EuiIcon size="s" type="pencil" />
+              {dashboardTitle}
+              <EuiIcon
+                size="s"
+                type="pencil"
+                className="dshTitleBreadcrumbs__updateIcon"
+                onClick={() => dashboard.showSettings()}
+              />
             </>
           ) : (
             dashboardTitle
           ),
-        onClick:
-          viewMode === ViewMode.EDIT
-            ? () => {
-                dashboard.showSettings();
-              }
-            : undefined,
       },
     ];