diff --git a/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/actions.js b/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/actions.js
index 726aff33ec7..5c161a7e11e 100644
--- a/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/actions.js
+++ b/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/actions.js
@@ -89,9 +89,9 @@ export const buildHost = hostId => dispatch => {
   );
 };
 
-export const cancelBuild = hostId => dispatch => {
+export const cancelBuild = (hostId, hostName) => dispatch => {
   const successToast = () =>
-    sprintf(__('Canceled pending build for %s'), hostId);
+    sprintf(__('Canceled pending build for %s'), hostName);
   const errorToast = ({ message }) => message;
   const url = foremanUrl(`/hosts/${hostId}/cancelBuild`);
   dispatch(
diff --git a/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/index.js b/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/index.js
index b366137076b..4570a2f249d 100644
--- a/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/index.js
+++ b/webpack/assets/javascripts/react_app/components/HostDetails/ActionsBar/index.js
@@ -70,7 +70,7 @@ const ActionsBar = ({
   };
   const buildHandler = () => {
     if (isBuild) {
-      dispatch(cancelBuild(hostId));
+      dispatch(cancelBuild(hostId, hostName));
       setKebab(false);
     } else {
       setBuildModal(true);