[8.16] Fix text overflow and alignment in agent details integration input status (#215807) (#215936)

# Backport

This will backport the following commits from `main` to `8.16`:
- [Fix text overflow and alignment in agent details integration input
status (#215807)](https://github.com/elastic/kibana/pull/215807)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Michel
Losier","email":"mikelosier@gmail.com"},"sourceCommit":{"committedDate":"2025-03-25T15:51:26Z","message":"Fix
text overflow and alignment in agent details integration input status
(#215807)\n\n## Summary\n\nAddresses:
https://github.com/elastic/kibana/issues/176271\n\n* Allows text
overflow in the Agent details integration input statuses\nto flow to the
next lines\n* Applies left alignment as well, which makes it consistent
with the\nstyling in error callouts and content in the policy response
tree
view.","sha":"31ea22e207cae78a597581dd78106ef8d6bfc526","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Fleet","backport:prev-major","v9.1.0"],"title":"Fix
text overflow and alignment in agent details integration input
status","number":215807,"url":"https://github.com/elastic/kibana/pull/215807","mergeCommit":{"message":"Fix
text overflow and alignment in agent details integration input status
(#215807)\n\n## Summary\n\nAddresses:
https://github.com/elastic/kibana/issues/176271\n\n* Allows text
overflow in the Agent details integration input statuses\nto flow to the
next lines\n* Applies left alignment as well, which makes it consistent
with the\nstyling in error callouts and content in the policy response
tree
view.","sha":"31ea22e207cae78a597581dd78106ef8d6bfc526"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/215807","number":215807,"mergeCommit":{"message":"Fix
text overflow and alignment in agent details integration input status
(#215807)\n\n## Summary\n\nAddresses:
https://github.com/elastic/kibana/issues/176271\n\n* Allows text
overflow in the Agent details integration input statuses\nto flow to the
next lines\n* Applies left alignment as well, which makes it consistent
with the\nstyling in error callouts and content in the policy response
tree view.","sha":"31ea22e207cae78a597581dd78106ef8d6bfc526"}}]}]
BACKPORT-->

Co-authored-by: Michel Losier <mikelosier@gmail.com>

x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_details_page/components/agent_details/agent_details_integration_input_status.tsx

@@ -32,6 +32,6 @@ export const AgentDetailsIntegrationInputStatus: React.FunctionComponent<{
       </StyledEuiText>
     </EuiCallOut>
   ) : (
-    <EuiText size="s">{inputStatusFormatter.description}</EuiText>
+    <StyledEuiText size="s">{inputStatusFormatter.description}</StyledEuiText>
   );
 });