fix(plugins/plugin-client-common): the alert showing lost connection has incorrect height

Fixes #5905

Author: myan9

plugins/plugin-client-common/src/components/Client/Kui.tsx

@@ -171,6 +171,7 @@ export class Kui extends React.PureComponent<Props, State> {
     return (
       <Alert
         hideCloseButton
+        className="kui--terminal-alert kui--connection-lost"
         alert={{
           type: 'error',
           title: strings('Lost connection to your cluster'),

plugins/plugin-client-common/web/scss/components/Alert/Carbon.scss

@@ -25,6 +25,11 @@
     white-space: normal;
     height: auto;
 
+    &.kui--connection-lost {
+      position: absolute;
+      width: unset;
+    }
+
     .bx--toast-notification__title,
     .bx--toast-notification__subtitle {
       color: var(--color-text-01);