diff --git a/web/src/features/Dashboard/components/AppStatus.tsx b/web/src/features/Dashboard/components/AppStatus.tsx
index db38a4f1e1..454133d7fd 100644
--- a/web/src/features/Dashboard/components/AppStatus.tsx
+++ b/web/src/features/Dashboard/components/AppStatus.tsx
@@ -109,6 +109,15 @@ export default class AppStatus extends Component<Props, State> {
             >
               {Utilities.toTitleCase(appStatus)}
             </span>
+            {this.props.hasStatusInformers && (
+              <span
+                onClick={this.props.onViewAppStatusDetails}
+                className="link u-marginLeft--10 u-fontSize--small"
+              >
+                {" "}
+                Details{" "}
+              </span>
+            )}
             {!isEmpty(embeddedClusterState) && (
               <>
                 <span className="tw-mr-1 tw-ml-4 tw-text-sm tw-text-gray-500">
@@ -138,15 +147,6 @@ export default class AppStatus extends Component<Props, State> {
                 </span>
               </>
             )}
-            {this.props.hasStatusInformers && (
-              <span
-                onClick={this.props.onViewAppStatusDetails}
-                className="link u-marginLeft--10 u-fontSize--small"
-              >
-                {" "}
-                Details{" "}
-              </span>
-            )}
             <Link
               to={`${url}/config/${app?.downstream?.currentVersion?.sequence}`}
               className="link u-marginLeft--10 u-borderLeft--gray u-paddingLeft--10 u-fontSize--small"