From 82810de546a34046496e4043b62023d25f4212e6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 14 Mar 2023 17:01:15 +0100
Subject: [PATCH] [Backport 4.4-7.10] Header in agent view is rendered
 correctly (#5293)

Header in agent view is rendered correctly (#5291)

* remove unnecessary div and change style

* Add changelog

(cherry picked from commit 0b43b58ce715d446b907715322bf8dbe8baf5bd7)

Co-authored-by: Ian Yenien Serrano <63758389+yenienserrano@users.noreply.github.com>
---
 CHANGELOG.md                                  |  1 +
 public/components/common/modules/module.scss  | 24 +++++++++----------
 .../common/welcome/agents-welcome.js          |  4 +---
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 30a3bf9367..551e9efbcb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -77,6 +77,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed Wazuh main menu not displayed when navigation menu is locked [#5273](https://github.com/wazuh/wazuh-kibana-app/pull/5273)
 - Fixed Deploy Agent wrong use of connection secure property [#5285](https://github.com/wazuh/wazuh-kibana-app/pull/5285)
 - Fixed events view when search bar language is `lucene` [#5286](https://github.com/wazuh/wazuh-kibana-app/pull/5286)
+- Fixed head rendering in agent view [#5291](https://github.com/wazuh/wazuh-kibana-app/pull/5291)
 
 ### Removed
 
diff --git a/public/components/common/modules/module.scss b/public/components/common/modules/module.scss
index debb1fa6c1..14e26ce69a 100644
--- a/public/components/common/modules/module.scss
+++ b/public/components/common/modules/module.scss
@@ -35,7 +35,7 @@
     margin-top: 0px;
 }
 
-.wz-module-header-agent-title{    
+.wz-module-header-agent-title{
     margin: 6px 12px!important;
 }
 
@@ -53,16 +53,16 @@
     color: #006BB4;
 }
 
-.wz-module-header-agent h1{    
+.wz-module-header-agent h1{
     font-weight: 400;
 }
 
-.wz-module-header-agent h1 b{    
+.wz-module-header-agent h1 b{
     font-weight: 500;
 }
 
 .wz-module-header-nav-wrapper{
-    margin-top: 49px;    
+    margin-top: 49px;
 }
 
 .wz-module-header-nav .euiTabs{
@@ -121,7 +121,7 @@ discover-app-w .sidebar-container {
         }
         .wz-module-header-agent{
             height: auto;
-            h1{    
+            h1{
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 overflow: hidden;
@@ -130,27 +130,27 @@ discover-app-w .sidebar-container {
         .wz-module-body {
             margin-top: -160px;
         }
-    
+
         .wz-module-header-agent-wrapper, .wz-module-header-nav-wrapper{
             position: relative;
         }
-    
+
         .wz-module-header-nav-wrapper{
             margin-top: 15px;
         }
-    
+
         .wz-module-header-nav {
             padding-bottom: 16px;
         }
-    
+
         .wz-module-body-agent-info > .euiFlexGroup > .euiFlexItem {
             max-width: unset!important;
         }
 
         .wz-module-header-agent-title .euiFlexItem{
-            align-items: flex-start!important;    
+            align-items: flex-start!important;
         }
-        .wz-agent-empty-item .euiFlexItem{
+        .wz-agent-empty-item.euiFlexItem{
             margin-top: 0px!important;
             margin-bottom:0px!important;
         }
@@ -160,4 +160,4 @@ discover-app-w .sidebar-container {
 .wz-section-sca-euiFlexGroup {
     display: flex;
     justify-content: space-between;
-}
\ No newline at end of file
+}
diff --git a/public/components/common/welcome/agents-welcome.js b/public/components/common/welcome/agents-welcome.js
index 36b3f4fe25..0349028a50 100644
--- a/public/components/common/welcome/agents-welcome.js
+++ b/public/components/common/welcome/agents-welcome.js
@@ -316,9 +316,7 @@ class AgentsWelcome extends Component {
                 </EuiPopover>
               </EuiFlexItem>
               }
-              <div className="wz-agent-empty-item">
-              <EuiFlexItem></EuiFlexItem>
-              </div>
+              <EuiFlexItem className="wz-agent-empty-item"></EuiFlexItem>
               <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
                 <EuiButtonEmpty
                   iconType="inspect"