diff --git a/changes/19103-my-device-os-settings b/changes/19103-my-device-os-settings new file mode 100644 index 0000000000..123426477f --- /dev/null +++ b/changes/19103-my-device-os-settings @@ -0,0 +1,2 @@ +- Fixed UI bug where error detail was overflowing the table in "OS settings" modal in "My device" + page UI. diff --git a/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsErrorCell/OSSettingsErrorCell.tsx b/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsErrorCell/OSSettingsErrorCell.tsx index 640da82716..3e8abd790c 100644 --- a/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsErrorCell/OSSettingsErrorCell.tsx +++ b/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/OSSettingsErrorCell/OSSettingsErrorCell.tsx @@ -138,7 +138,9 @@ const OSSettingsErrorCell = ({ // we dont want the default "w250" class so we pass in empty string classes={""} className={ - showRefetchButton ? `${baseClass}__failed-message` : undefined + isFailed || showRefetchButton + ? `${baseClass}__failed-message` + : undefined } /> {showRefetchButton && (