diff --git a/public/components/common/welcome/agents-welcome.js b/public/components/common/welcome/agents-welcome.js
index 0349028a50..02cb1fcd8c 100644
--- a/public/components/common/welcome/agents-welcome.js
+++ b/public/components/common/welcome/agents-welcome.js
@@ -30,9 +30,14 @@ import {
   EuiToolTip,
   EuiButtonIcon,
   EuiEmptyPrompt,
-  EuiPageBody
+  EuiPageBody,
 } from '@elastic/eui';
-import { FimEventsTable, ScaScan, MitreTopTactics, RequirementVis } from './components';
+import {
+  FimEventsTable,
+  ScaScan,
+  MitreTopTactics,
+  RequirementVis,
+} from './components';
 import { AgentInfo } from './agents-info';
 import { WAZUH_MODULES } from '../../../../common/wazuh-modules';
 import store from '../../../redux/store';
@@ -58,568 +63,641 @@ import { webDocumentationLink } from '../../../../common/services/web_documentat
 
 export const AgentsWelcome = compose(
   withReduxProvider,
-  withErrorBoundary)(
-class AgentsWelcome extends Component {
-  _isMount = false;
-  constructor(props) {
-    super(props);
-
-    this.offset = 275;
-
-    this.state = {
-      extensions: this.props.extensions,
-      lastScans: [],
-      isLoading: true,
-      sortField: 'start_scan',
-      sortDirection: 'desc',
-      actionAgents: true, // Hide actions agents
-      selectedRequirement: 'pci',
-      menuAgent: {},
-      maxModules: 6,
-      widthWindow: window.innerWidth
-    };
-  }
-
-  updateWidth = () => {
+  withErrorBoundary,
+)(
+  class AgentsWelcome extends Component {
+    _isMount = false;
+    constructor(props) {
+      super(props);
+
+      this.offset = 275;
+
+      this.state = {
+        extensions: this.props.extensions,
+        lastScans: [],
+        isLoading: true,
+        sortField: 'start_scan',
+        sortDirection: 'desc',
+        actionAgents: true, // Hide actions agents
+        selectedRequirement: 'pci',
+        menuAgent: {},
+        maxModules: 6,
+        widthWindow: window.innerWidth,
+      };
+    }
 
-    let menuSize = (window.innerWidth - this.offset);
-    let maxModules = 6;
-    if (menuSize > 1250) {
-      maxModules = 6;
-    } else {
-      if (menuSize > 1100) {
-        maxModules = 5;
+    updateWidth = () => {
+      let menuSize = window.innerWidth - this.offset;
+      let maxModules = 6;
+      if (menuSize > 1250) {
+        maxModules = 6;
       } else {
-        if (menuSize > 900) {
-          maxModules = 4;
+        if (menuSize > 1100) {
+          maxModules = 5;
         } else {
-          maxModules = 3;
-          if (menuSize < 750) {
-            maxModules = null;
+          if (menuSize > 900) {
+            maxModules = 4;
+          } else {
+            maxModules = 3;
+            if (menuSize < 750) {
+              maxModules = null;
+            }
           }
         }
       }
-    }
 
-    this.setState({ maxModules: maxModules, widthWindow: window.innerWidth });
-  };
-
-  setGlobalBreadcrumb() {
-    const breadcrumb = [
-      { text: '' },
-      {
-        text: 'Agents',
-        href: "#/agents-preview"
-      },
-      {
-        text: `${this.props.agent.name}`,
-        className: 'wz-global-breadcrumb-btn euiBreadcrumb--truncate',
-        truncate: false,
-      }
-    ];
-    store.dispatch(updateGlobalBreadcrumb(breadcrumb));
-  }
-
-
-  async componentDidMount() {
-    this._isMount = true;
-    store.dispatch(updateCurrentAgentData(this.props.agent));
-    this.updateMenuAgents();
-    this.updateWidth();
-    this.setGlobalBreadcrumb();
-    const tabVisualizations = new TabVisualizations();
-    tabVisualizations.removeAll();
-    tabVisualizations.setTab('welcome');
-    tabVisualizations.assign({
-      welcome: 8
-    });
-    const filterHandler = new FilterHandler(AppState.getCurrentPattern());
-    const $injector = getAngularModule().$injector;
-    this.router = $injector.get('$route');
-    window.addEventListener('resize', this.updateWidth); //eslint-disable-line
-    await VisFactoryHandler.buildAgentsVisualizations(
-      filterHandler,
-      'welcome',
-      null,
-      this.props.agent.id
-    );
-  }
+      this.setState({ maxModules: maxModules, widthWindow: window.innerWidth });
+    };
 
-  updateMenuAgents() {
-    const defaultMenuAgents = {
-      general: {
-        id: 'general',
-        text: 'Security events',
-        isPin: true,
-      },
-      fim: {
-        id: 'fim',
-        text: 'Integrity monitoring',
-        isPin: true,
-      },
-      sca: {
-        id: 'sca',
-        text: 'SCA',
-        isPin: true,
-      },
-      audit: {
-        id: 'audit',
-        text: 'System Auditing',
-        isPin: true,
-      },
-      vuls: {
-        id: 'vuls',
-        text: 'Vulnerabilities',
-        isPin: true,
-      },
-      mitre: {
-        id: 'mitre',
-        text: 'MITRE ATT&CK',
-        isPin: true,
-      },
+    setGlobalBreadcrumb() {
+      const breadcrumb = [
+        { text: '' },
+        {
+          text: 'Agents',
+          href: '#/agents-preview',
+        },
+        {
+          text: `${this.props.agent.name}`,
+          className: 'wz-global-breadcrumb-btn euiBreadcrumb--truncate',
+          truncate: false,
+        },
+      ];
+      store.dispatch(updateGlobalBreadcrumb(breadcrumb));
     }
 
-    let menuAgent = JSON.parse(window.localStorage.getItem('menuAgent'));
+    async componentDidMount() {
+      this._isMount = true;
+      store.dispatch(updateCurrentAgentData(this.props.agent));
+      this.updateMenuAgents();
+      this.updateWidth();
+      this.setGlobalBreadcrumb();
+      const tabVisualizations = new TabVisualizations();
+      tabVisualizations.removeAll();
+      tabVisualizations.setTab('welcome');
+      tabVisualizations.assign({
+        welcome: 8,
+      });
+      const filterHandler = new FilterHandler(AppState.getCurrentPattern());
+      const $injector = getAngularModule().$injector;
+      this.router = $injector.get('$route');
+      window.addEventListener('resize', this.updateWidth); //eslint-disable-line
+      await VisFactoryHandler.buildAgentsVisualizations(
+        filterHandler,
+        'welcome',
+        null,
+        this.props.agent.id,
+      );
+    }
 
-    // Check if pinned modules to agent menu are enabled in Settings/Modules, if not then modify localstorage removing the disabled modules
-    if (menuAgent) {
-      const needUpdateMenuAgent = Object.keys(menuAgent).map(moduleName => menuAgent[moduleName]).reduce((accum, item) => {
-        if (typeof this.props.extensions[item.id] !== 'undefined' && this.props.extensions[item.id] === false) {
-          delete menuAgent[item.id];
-          accum = true;
+    updateMenuAgents() {
+      const defaultMenuAgents = {
+        general: {
+          id: 'general',
+          text: 'Security events',
+          isPin: true,
+        },
+        fim: {
+          id: 'fim',
+          text: 'Integrity monitoring',
+          isPin: true,
+        },
+        sca: {
+          id: 'sca',
+          text: 'SCA',
+          isPin: true,
+        },
+        audit: {
+          id: 'audit',
+          text: 'System Auditing',
+          isPin: true,
+        },
+        vuls: {
+          id: 'vuls',
+          text: 'Vulnerabilities',
+          isPin: true,
+        },
+        mitre: {
+          id: 'mitre',
+          text: 'MITRE ATT&CK',
+          isPin: true,
+        },
+      };
+
+      let menuAgent = JSON.parse(window.localStorage.getItem('menuAgent'));
+
+      // Check if pinned modules to agent menu are enabled in Settings/Modules, if not then modify localstorage removing the disabled modules
+      if (menuAgent) {
+        const needUpdateMenuAgent = Object.keys(menuAgent)
+          .map(moduleName => menuAgent[moduleName])
+          .reduce((accum, item) => {
+            if (
+              typeof this.props.extensions[item.id] !== 'undefined' &&
+              this.props.extensions[item.id] === false
+            ) {
+              delete menuAgent[item.id];
+              accum = true;
+            }
+            return accum;
+          }, false);
+        if (needUpdateMenuAgent) {
+          // Update the pinned modules matching to enabled modules in Setings/Modules
+          window.localStorage.setItem('menuAgent', JSON.stringify(menuAgent));
         }
-        return accum;
-      }, false);
-      if (needUpdateMenuAgent) {
-        // Update the pinned modules matching to enabled modules in Setings/Modules
-        window.localStorage.setItem('menuAgent', JSON.stringify(menuAgent))
+      } else {
+        menuAgent = defaultMenuAgents;
+        window.localStorage.setItem(
+          'menuAgent',
+          JSON.stringify(defaultMenuAgents),
+        );
       }
-    } else {
-      menuAgent = defaultMenuAgents;
-      window.localStorage.setItem('menuAgent', JSON.stringify(defaultMenuAgents));
+      this.setState({ menuAgent: menuAgent });
     }
-    this.setState({ menuAgent: menuAgent });
-  }
 
-  renderModules() {
-    const menuAgent = [...Object.keys(this.state.menuAgent).map((item) => { return this.state.menuAgent[item] })];
+    renderModules() {
+      const menuAgent = [
+        ...Object.keys(this.state.menuAgent).map(item => {
+          return this.state.menuAgent[item];
+        }),
+      ];
 
-    return (
-      <Fragment>
-        {
-          menuAgent.map((menuAgent, i) => {
-            if (i < this.state.maxModules && hasAgentSupportModule(this.props.agent, menuAgent.id)) {
+      return (
+        <Fragment>
+          {menuAgent.map((menuAgent, i) => {
+            if (
+              i < this.state.maxModules &&
+              hasAgentSupportModule(this.props.agent, menuAgent.id)
+            ) {
               return (
-                <EuiFlexItem key={i} grow={false} style={{ marginLeft: 0, marginTop: 7 }}>
+                <EuiFlexItem
+                  key={i}
+                  grow={false}
+                  style={{ marginLeft: 0, marginTop: 7 }}
+                >
                   <EuiButtonEmpty
                     onClick={() => {
-                      window.location.href = `#/overview/?tab=${menuAgent.id}&tabView=${menuAgent.text === 'Security configuration assessment' ? 'inventory' : 'panels'}`;
+                      window.location.href = `#/overview/?tab=${
+                        menuAgent.id
+                      }&tabView=${
+                        menuAgent.text === 'Security configuration assessment'
+                          ? 'inventory'
+                          : 'panels'
+                      }`;
                       this.router.reload();
-                    }} style={{ cursor: 'pointer' }}>
-                    <span>{menuAgent.text !== 'Security configuration assessment' ? menuAgent.text : 'SCA'}&nbsp;</span>
+                    }}
+                    style={{ cursor: 'pointer' }}
+                  >
+                    <span>
+                      {menuAgent.text !== 'Security configuration assessment'
+                        ? menuAgent.text
+                        : 'SCA'}
+                      &nbsp;
+                    </span>
                   </EuiButtonEmpty>
                 </EuiFlexItem>
-              )
-            }
-          }
-          )}
-        <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
-          <EuiPopover
-            button={
-              <EuiButtonEmpty
-                iconSide="right"
-                iconType="arrowDown"
-                onClick={() => this.setState({ switchModule: !this.state.switchModule })}>
-                More...
-              </EuiButtonEmpty>
+              );
             }
-            isOpen={this.state.switchModule}
-            closePopover={() => this.setState({ switchModule: false })}
-            repositionOnScroll={false}
-            anchorPosition="downCenter">
-            <div>
-              <WzReduxProvider>
-                <div style={{ maxWidth: 730 }}>
-                  <MenuAgent
-                    isAgent={this.props.agent}
-                    updateMenuAgents={() => this.updateMenuAgents()}
-                    closePopover={() => {
-                      this.setState({ switchModule: false })
-                    }
-                    }
-                    switchTab={(module) => this.props.switchTab(module)}></MenuAgent>
-                </div>
-              </WzReduxProvider>
-            </div>
-          </EuiPopover>
-        </EuiFlexItem>
-      </Fragment>
-    )
-  }
-
-  renderTitle() {
-
-    return (
-      <EuiFlexGroup>
-        <EuiFlexItem className="wz-module-header-agent-title">
-          <EuiFlexGroup>
-            <EuiFlexItem grow={false}>
-              <span style={{ display: 'inline-flex' }}>
-                <EuiTitle size="s">
-                  <h1>
-                    {this.state.widthWindow >= 768?(
-                      <WzTextWithTooltipIfTruncated position='top' elementStyle={{ maxWidth: "150px" }}>
-                      {this.props.agent.name}
-                      </WzTextWithTooltipIfTruncated>
-                    ):
-                    (
-                      <WzTextWithTooltipIfTruncated position='top'>
-                      {this.props.agent.name}
-                      </WzTextWithTooltipIfTruncated>
-                    )
-                    }
-                  </h1>
-                </EuiTitle>
-              </span>
-            </EuiFlexItem>
-            {
-              (this.state.maxModules !== null &&
-                this.renderModules()) ||
-              <EuiFlexItem style={{ marginTop: 7 }}>
-                <EuiPopover
-                  button={
-                    <EuiButtonEmpty
-                      iconSide="right"
-                      iconType="arrowDown"
-                      onClick={() => this.setState({ switchModule: !this.state.switchModule })}>
-                      Modules
-                      </EuiButtonEmpty>
+          })}
+          <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
+            <EuiPopover
+              button={
+                <EuiButtonEmpty
+                  iconSide='right'
+                  iconType='arrowDown'
+                  onClick={() =>
+                    this.setState({ switchModule: !this.state.switchModule })
                   }
-                  isOpen={this.state.switchModule}
-                  closePopover={() => this.setState({ switchModule: false })}
-                  repositionOnScroll={false}
-                  anchorPosition="downCenter">
-                  <div>
-                    <WzReduxProvider>
-                      <div style={{ maxWidth: 730 }}>
-                        <MenuAgent
-                          isAgent={this.props.agent}
-                          updateMenuAgents={() => this.updateMenuAgents()}
-                          closePopover={() => {
-                            this.setState({ switchModule: false })
-                          }
-                          }
-                          switchTab={(module) => this.props.switchTab(module)}></MenuAgent>
-                      </div>
-                    </WzReduxProvider>
-                  </div>
-                </EuiPopover>
-              </EuiFlexItem>
+                >
+                  More...
+                </EuiButtonEmpty>
               }
-              <EuiFlexItem className="wz-agent-empty-item"></EuiFlexItem>
+              isOpen={this.state.switchModule}
+              closePopover={() => this.setState({ switchModule: false })}
+              repositionOnScroll={false}
+              anchorPosition='downCenter'
+            >
+              <div>
+                <WzReduxProvider>
+                  <div style={{ maxWidth: 730 }}>
+                    <MenuAgent
+                      isAgent={this.props.agent}
+                      updateMenuAgents={() => this.updateMenuAgents()}
+                      closePopover={() => {
+                        this.setState({ switchModule: false });
+                      }}
+                      switchTab={module => this.props.switchTab(module)}
+                    ></MenuAgent>
+                  </div>
+                </WzReduxProvider>
+              </div>
+            </EuiPopover>
+          </EuiFlexItem>
+        </Fragment>
+      );
+    }
+
+    renderTitle() {
+      return (
+        <EuiFlexGroup>
+          <EuiFlexItem className='wz-module-header-agent-title'>
+            <EuiFlexGroup>
+              {(this.state.maxModules !== null && this.renderModules()) || (
+                <EuiFlexItem style={{ marginTop: 7 }}>
+                  <EuiPopover
+                    button={
+                      <EuiButtonEmpty
+                        iconSide='right'
+                        iconType='arrowDown'
+                        onClick={() =>
+                          this.setState({
+                            switchModule: !this.state.switchModule,
+                          })
+                        }
+                      >
+                        Modules
+                      </EuiButtonEmpty>
+                    }
+                    isOpen={this.state.switchModule}
+                    closePopover={() => this.setState({ switchModule: false })}
+                    repositionOnScroll={false}
+                    anchorPosition='downCenter'
+                  >
+                    <div>
+                      <WzReduxProvider>
+                        <div style={{ maxWidth: 730 }}>
+                          <MenuAgent
+                            isAgent={this.props.agent}
+                            updateMenuAgents={() => this.updateMenuAgents()}
+                            closePopover={() => {
+                              this.setState({ switchModule: false });
+                            }}
+                            switchTab={module => this.props.switchTab(module)}
+                          ></MenuAgent>
+                        </div>
+                      </WzReduxProvider>
+                    </div>
+                  </EuiPopover>
+                </EuiFlexItem>
+              )}
+              <EuiFlexItem className='wz-agent-empty-item'></EuiFlexItem>
               <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
                 <EuiButtonEmpty
-                  iconType="inspect"
-                  onClick={() => this.props.switchTab('syscollector')}>
+                  iconType='inspect'
+                  onClick={() => this.props.switchTab('syscollector')}
+                >
                   Inventory data
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
                 <EuiButtonEmpty
-                  iconType="stats"
-                  onClick={() => this.props.switchTab('stats')}>
+                  iconType='stats'
+                  onClick={() => this.props.switchTab('stats')}
+                >
                   Stats
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
                 <EuiButtonEmpty
-                  iconType="gear"
-                  onClick={() => this.props.switchTab('configuration')}>
+                  iconType='gear'
+                  onClick={() => this.props.switchTab('configuration')}
+                >
                   Configuration
                 </EuiButtonEmpty>
               </EuiFlexItem>
             </EuiFlexGroup>
           </EuiFlexItem>
         </EuiFlexGroup>
-    );
-  }
+      );
+    }
 
-  buildTabCard(tab, icon) {
-    return (
-      <EuiFlexItem>
-        <EuiCard
-          size="xs"
-          layout="horizontal"
-          icon={<EuiIcon size="xl" type={icon} color="primary" />}
-          className="homSynopsis__card"
-          title={WAZUH_MODULES[tab].title}
-          onClick={() => this.props.switchTab(tab)}
-          description={WAZUH_MODULES[tab].description}
-        />
-      </EuiFlexItem>
-    );
-  }
-  onClickRestartAgent = () => {
-    const { agent } = this.props;
-    ActionAgents.restartAgent(agent.id);
-  };
+    buildTabCard(tab, icon) {
+      return (
+        <EuiFlexItem>
+          <EuiCard
+            size='xs'
+            layout='horizontal'
+            icon={<EuiIcon size='xl' type={icon} color='primary' />}
+            className='homSynopsis__card'
+            title={WAZUH_MODULES[tab].title}
+            onClick={() => this.props.switchTab(tab)}
+            description={WAZUH_MODULES[tab].description}
+          />
+        </EuiFlexItem>
+      );
+    }
+    onClickRestartAgent = () => {
+      const { agent } = this.props;
+      ActionAgents.restartAgent(agent.id);
+    };
 
-  onClickUpgradeAgent = () => {
-    const { agent } = this.props;
-    ActionAgents.upgradeAgent(agent.id);
-  };
+    onClickUpgradeAgent = () => {
+      const { agent } = this.props;
+      ActionAgents.upgradeAgent(agent.id);
+    };
 
-  renderUpgradeButton() {
-    const { managerVersion } = this.state;
-    const { agent } = this.props;
-    let outDated = ActionAgents.compareVersions(managerVersion, agent.version);
+    renderUpgradeButton() {
+      const { managerVersion } = this.state;
+      const { agent } = this.props;
+      let outDated = ActionAgents.compareVersions(
+        managerVersion,
+        agent.version,
+      );
 
-    if (outDated === true) return;
-    return (
-      <EuiFlexItem grow={false}>
-        <EuiButton
-          color="secondary"
-          iconType="sortUp"
-          onClick={this.onClickUpgradeAgent}
-        >
-          Upgrade
-        </EuiButton>
-      </EuiFlexItem>
-    );
-  }
+      if (outDated === true) return;
+      return (
+        <EuiFlexItem grow={false}>
+          <EuiButton
+            color='secondary'
+            iconType='sortUp'
+            onClick={this.onClickUpgradeAgent}
+          >
+            Upgrade
+          </EuiButton>
+        </EuiFlexItem>
+      );
+    }
 
-  onTimeChange = (datePicker) => {
-    const { start: from, end: to } = datePicker;
-    this.setState({ datePicker: { from, to } });
-  }
+    onTimeChange = datePicker => {
+      const { start: from, end: to } = datePicker;
+      this.setState({ datePicker: { from, to } });
+    };
 
-  getOptions() {
-    return [
-      { value: 'pci', text: 'PCI DSS' },
-      { value: 'gdpr', text: 'GDPR' },
-      { value: 'nist', text: 'NIST 800-53' },
-      { value: 'hipaa', text: 'HIPAA' },
-      { value: 'gpg13', text: 'GPG13' },
-      { value: 'tsc', text: 'TSC' },
-    ];
-  }
+    getOptions() {
+      return [
+        { value: 'pci', text: 'PCI DSS' },
+        { value: 'gdpr', text: 'GDPR' },
+        { value: 'nist', text: 'NIST 800-53' },
+        { value: 'hipaa', text: 'HIPAA' },
+        { value: 'gpg13', text: 'GPG13' },
+        { value: 'tsc', text: 'TSC' },
+      ];
+    }
 
-  setSelectValue(e) {
-    this.setState({ selectedRequirement: e.target.value });
-  }
+    setSelectValue(e) {
+      this.setState({ selectedRequirement: e.target.value });
+    }
 
-  getRequirementVis() {
-    if (this.state.selectedRequirement === 'pci') {
+    getRequirementVis() {
+      if (this.state.selectedRequirement === 'pci') {
+        return 'Wazuh-App-Agents-Welcome-Top-PCI';
+      }
+      if (this.state.selectedRequirement === 'gdpr') {
+        return 'Wazuh-App-Agents-Welcome-Top-GDPR';
+      }
+      if (this.state.selectedRequirement === 'hipaa') {
+        return 'Wazuh-App-Agents-Welcome-Top-HIPAA';
+      }
+      if (this.state.selectedRequirement === 'nist') {
+        return 'Wazuh-App-Agents-Welcome-Top-NIST-800-53';
+      }
+      if (this.state.selectedRequirement === 'gpg13') {
+        return 'Wazuh-App-Agents-Welcome-Top-GPG-13';
+      }
+      if (this.state.selectedRequirement === 'tsc') {
+        return 'Wazuh-App-Agents-Welcome-Top-TSC';
+      }
       return 'Wazuh-App-Agents-Welcome-Top-PCI';
     }
-    if (this.state.selectedRequirement === 'gdpr') {
-      return 'Wazuh-App-Agents-Welcome-Top-GDPR';
-    }
-    if (this.state.selectedRequirement === 'hipaa') {
-      return 'Wazuh-App-Agents-Welcome-Top-HIPAA';
-    }
-    if (this.state.selectedRequirement === 'nist') {
-      return 'Wazuh-App-Agents-Welcome-Top-NIST-800-53';
-    }
-    if (this.state.selectedRequirement === 'gpg13') {
-      return 'Wazuh-App-Agents-Welcome-Top-GPG-13';
+
+    renderMitrePanel() {
+      return (
+        <Fragment>
+          <EuiPanel paddingSize='s' height={{ height: 300 }}>
+            <EuiFlexItem>
+              <EuiFlexGroup>
+                <EuiFlexItem>
+                  <h2 className='embPanel__title wz-headline-title'>
+                    <EuiText size='xs'>
+                      <h2>MITRE</h2>
+                    </EuiText>
+                  </h2>
+                </EuiFlexItem>
+                <EuiFlexItem grow={false} style={{ alignSelf: 'center' }}>
+                  <EuiToolTip position='top' content='Open MITRE'>
+                    <EuiButtonIcon
+                      iconType='popout'
+                      color='primary'
+                      onClick={() => {
+                        window.location.href = `#/overview?tab=mitre`;
+                        this.router.reload();
+                      }}
+                      aria-label='Open MITRE'
+                    />
+                  </EuiToolTip>
+                </EuiFlexItem>
+              </EuiFlexGroup>
+            </EuiFlexItem>
+            <EuiSpacer size='m' />
+            <EuiFlexGroup>
+              <EuiFlexItem>
+                <MitreTopTactics agentId={this.props.agent.id} />
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          </EuiPanel>
+        </Fragment>
+      );
     }
-    if (this.state.selectedRequirement === 'tsc') {
-      return 'Wazuh-App-Agents-Welcome-Top-TSC';
+
+    renderCompliancePanel() {
+      return (
+        <RequirementVis
+          agent={this.props.agent}
+          width={200}
+          height={200}
+          innerRadius={70}
+          outerRadius={100}
+        />
+      );
     }
-    return 'Wazuh-App-Agents-Welcome-Top-PCI'
-  }
 
-  renderMitrePanel() {
-    return (
-      <Fragment>
-        <EuiPanel paddingSize="s" height={{ height: 300 }}>
+    renderEventCountVisualization() {
+      return (
+        <EuiPanel paddingSize='s'>
           <EuiFlexItem>
             <EuiFlexGroup>
               <EuiFlexItem>
-                <h2 className="embPanel__title wz-headline-title">
-                  <EuiText size="xs"><h2>MITRE</h2></EuiText>
+                <h2 className='embPanel__title wz-headline-title'>
+                  <EuiText size='xs'>
+                    <h2>Events count evolution</h2>
+                  </EuiText>
                 </h2>
               </EuiFlexItem>
-              <EuiFlexItem grow={false} style={{ alignSelf: 'center' }}>
-                <EuiToolTip position="top" content="Open MITRE">
-                  <EuiButtonIcon
-                    iconType="popout"
-                    color="primary"
-                    onClick={() => {
-                      window.location.href = `#/overview?tab=mitre`;
-                      this.router.reload();
-                    }
-                    }
-                    aria-label="Open MITRE" />
-                </EuiToolTip>
-              </EuiFlexItem>
             </EuiFlexGroup>
+            <EuiSpacer size='s' />
+            <div
+              style={{
+                height: this.props.resultState !== 'loading' ? '350px' : 0,
+              }}
+            >
+              <WzReduxProvider>
+                <KibanaVis
+                  visID={'Wazuh-App-Agents-Welcome-Events-Evolution'}
+                  tab={'welcome'}
+                ></KibanaVis>
+              </WzReduxProvider>
+            </div>
+            <div
+              style={{
+                display:
+                  this.props.resultState === 'loading' ? 'block' : 'none',
+                alignSelf: 'center',
+                paddingTop: 100,
+              }}
+            >
+              <EuiLoadingChart size='xl' />
+            </div>
           </EuiFlexItem>
-          <EuiSpacer size="m" />
-          <EuiFlexGroup>
-            <EuiFlexItem>
-              <MitreTopTactics agentId={this.props.agent.id} />
-            </EuiFlexItem>
-          </EuiFlexGroup>
         </EuiPanel>
-      </Fragment>
-
-    )
-  }
-
-  renderCompliancePanel() {
-    return (
-      <RequirementVis
-        agent={this.props.agent}
-        width={200}
-        height={200}
-        innerRadius={70}
-        outerRadius={100} />
-    )
-  }
-
-  renderEventCountVisualization() {
-    return (
-      <EuiPanel paddingSize="s" >
-        <EuiFlexItem>
-          <EuiFlexGroup>
-            <EuiFlexItem>
-              <h2 className="embPanel__title wz-headline-title">
-                <EuiText size="xs"><h2>Events count evolution</h2></EuiText>
-              </h2>
-            </EuiFlexItem>
-          </EuiFlexGroup>
-          <EuiSpacer size="s" />
-          <div style={{ height: this.props.resultState !== 'loading' ? '350px' : 0 }}>
-            <WzReduxProvider>
-              <KibanaVis
-                visID={'Wazuh-App-Agents-Welcome-Events-Evolution'}
-                tab={'welcome'}
-              ></KibanaVis>
-            </WzReduxProvider>
-          </div>
-          <div style={{ display: this.props.resultState === 'loading' ? 'block' : 'none', alignSelf: "center", paddingTop: 100 }}>
-            <EuiLoadingChart size="xl" />
-          </div>
-        </EuiFlexItem>
-      </EuiPanel>
-    )
-  }
-
-  renderSCALastScan() {
-    return (
-      <EuiFlexGroup direction="column">
-        <ScaScan switchTab={this.props.switchTab} {...this.props} />
-      </EuiFlexGroup>
-    )
-  }
-
-  render() {
-    const title = this.renderTitle();
+      );
+    }
 
-    if (this.props.agent.status === API_NAME_AGENT_STATUS.NEVER_CONNECTED) {
+    renderSCALastScan() {
       return (
-        <EuiEmptyPrompt
-          iconType="securitySignalDetected"
-          style={{ marginTop: 20 }}
-          title={<h2>Agent has never connected.</h2>}
-          body={
-            <Fragment>
-              <p>
-                The agent has been registered but has not yet connected to the manager.
-            </p>
-              <a href={webDocumentationLink('user-manual/agents/agent-connection.html')} target="_blank">
-                Checking connection with the Wazuh server
-              </a>
-            </Fragment>
-          }
-          actions={
-            <EuiButton href='#/agents-preview?' color="primary" fill>
-              Back
-          </EuiButton>
-          }
-        />)
+        <EuiFlexGroup direction='column'>
+          <ScaScan switchTab={this.props.switchTab} {...this.props} />
+        </EuiFlexGroup>
+      );
     }
 
-    return (
-      <div className="wz-module wz-module-welcome">
-        <div className='wz-module-header-agent wz-module-header-agent-wrapper'>
-          <div className='wz-module-header-agent-main'>
-            {title}
-          </div>
-        </div>
-        <div className='wz-module-agent-body wz-module-agents-padding-responsive'>
-          <EuiPage>
-            <EuiPageBody component="div">
+    render() {
+      const title = this.renderTitle();
+
+      if (this.props.agent.status === API_NAME_AGENT_STATUS.NEVER_CONNECTED) {
+        return (
+          <EuiEmptyPrompt
+            iconType='securitySignalDetected'
+            style={{ marginTop: 20 }}
+            title={<h2>Agent has never connected.</h2>}
+            body={
+              <Fragment>
+                <p>
+                  The agent has been registered but has not yet connected to the
+                  manager.
+                </p>
+                <a
+                  href={webDocumentationLink(
+                    'user-manual/agents/agent-connection.html',
+                  )}
+                  target='_blank'
+                >
+                  Checking connection with the Wazuh server
+                </a>
+              </Fragment>
+            }
+            actions={
+              <EuiButton href='#/agents-preview?' color='primary' fill>
+                Back
+              </EuiButton>
+            }
+          />
+        );
+      }
 
-              <div className='wz-module-header-nav'>
-                <div>
-                  <EuiPanel grow paddingSize='s' className="wz-welcome-page-agent-info">
-                    <AgentInfo agent={this.props.agent} isCondensed={false} hideActions={true} {...this.props}></AgentInfo>
-                  </EuiPanel>
+      return (
+        <div className='wz-module wz-module-welcome'>
+          <div className='wz-module-header-agent wz-module-header-agent-wrapper'>
+            <div className='wz-module-header-agent-main'>{title}</div>
+          </div>
+          <div className='wz-module-agent-body wz-module-agents-padding-responsive'>
+            <EuiPage>
+              <EuiPageBody component='div'>
+                <div className='wz-module-header-nav'>
+                  <div>
+                    <EuiPanel
+                      grow
+                      paddingSize='s'
+                      className='wz-welcome-page-agent-info'
+                    >
+                      <AgentInfo
+                        agent={this.props.agent}
+                        isCondensed={false}
+                        hideActions={true}
+                        {...this.props}
+                      ></AgentInfo>
+                    </EuiPanel>
+                  </div>
                 </div>
-              </div>
-              <EuiFlexGroup>
-                <EuiFlexItem />
-                <EuiFlexItem style={{ alignItems: 'flex-end', marginTop: 10, marginBottom: 10 }}> {/* DatePicker */}
-                  <WzDatePicker condensed={true} onTimeChange={() => { }} />
-                </EuiFlexItem>
-              </EuiFlexGroup>
-              {this.state.widthWindow < 1150 && (
-                <Fragment>
-                  <EuiFlexGrid columns={2}>
-                    <EuiFlexItem key={'Wazuh-App-Agents-Welcome-MITRE-Top-Tactics'} >
-                      {this.renderMitrePanel()}
-                    </EuiFlexItem>
-                    {this.renderCompliancePanel()}
-                  </EuiFlexGrid>
-                  <EuiSpacer size='m' />
-                  <EuiFlexGroup>
-                    <FimEventsTable agent={this.props.agent} router={this.router} />
-                  </EuiFlexGroup>
-                  <EuiSpacer size='m' />
-                  <EuiFlexGroup>
-                    <EuiFlexItem key={'Wazuh-App-Agents-Welcome-Events-Evolution'} > {/* Events count evolution */}
-                      {this.renderEventCountVisualization()}
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
-                  <EuiSpacer size='m' />
-                  <EuiFlexGroup>
-                    <EuiFlexItem>
-                      {this.renderSCALastScan()}
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
-                </Fragment>
-              ) || (
+                <EuiFlexGroup>
+                  <EuiFlexItem />
+                  <EuiFlexItem
+                    style={{
+                      alignItems: 'flex-end',
+                      marginTop: 10,
+                      marginBottom: 10,
+                    }}
+                  >
+                    {' '}
+                    {/* DatePicker */}
+                    <WzDatePicker condensed={true} onTimeChange={() => {}} />
+                  </EuiFlexItem>
+                </EuiFlexGroup>
+                {(this.state.widthWindow < 1150 && (
+                  <Fragment>
+                    <EuiFlexGrid columns={2}>
+                      <EuiFlexItem
+                        key={'Wazuh-App-Agents-Welcome-MITRE-Top-Tactics'}
+                      >
+                        {this.renderMitrePanel()}
+                      </EuiFlexItem>
+                      {this.renderCompliancePanel()}
+                    </EuiFlexGrid>
+                    <EuiSpacer size='m' />
+                    <EuiFlexGroup>
+                      <FimEventsTable
+                        agent={this.props.agent}
+                        router={this.router}
+                      />
+                    </EuiFlexGroup>
+                    <EuiSpacer size='m' />
+                    <EuiFlexGroup>
+                      <EuiFlexItem
+                        key={'Wazuh-App-Agents-Welcome-Events-Evolution'}
+                      >
+                        {' '}
+                        {/* Events count evolution */}
+                        {this.renderEventCountVisualization()}
+                      </EuiFlexItem>
+                    </EuiFlexGroup>
+                    <EuiSpacer size='m' />
+                    <EuiFlexGroup>
+                      <EuiFlexItem>{this.renderSCALastScan()}</EuiFlexItem>
+                    </EuiFlexGroup>
+                  </Fragment>
+                )) || (
                   <Fragment>
                     <EuiFlexGrid columns={2}>
                       <EuiFlexItem>
                         <EuiFlexGroup>
-                          <EuiFlexItem key={'Wazuh-App-Agents-Welcome-MITRE-Top-Tactics'} >
+                          <EuiFlexItem
+                            key={'Wazuh-App-Agents-Welcome-MITRE-Top-Tactics'}
+                          >
                             {this.renderMitrePanel()}
                           </EuiFlexItem>
                           {this.renderCompliancePanel()}
                         </EuiFlexGroup>
                       </EuiFlexItem>
-                      <FimEventsTable agent={this.props.agent} router={this.router} />
+                      <FimEventsTable
+                        agent={this.props.agent}
+                        router={this.router}
+                      />
                     </EuiFlexGrid>
-                    <EuiSpacer size="l" />
+                    <EuiSpacer size='l' />
                     <EuiFlexGroup>
-                      <EuiFlexItem key={'Wazuh-App-Agents-Welcome-Events-Evolution'} > {/* Events count evolution */}
+                      <EuiFlexItem
+                        key={'Wazuh-App-Agents-Welcome-Events-Evolution'}
+                      >
+                        {' '}
+                        {/* Events count evolution */}
                         {this.renderEventCountVisualization()}
                       </EuiFlexItem>
-                      <EuiFlexItem>
-                        {this.renderSCALastScan()}
-                      </EuiFlexItem>
+                      <EuiFlexItem>{this.renderSCALastScan()}</EuiFlexItem>
                     </EuiFlexGroup>
                   </Fragment>
                 )}
-
-            </EuiPageBody>
-          </EuiPage>
+              </EuiPageBody>
+            </EuiPage>
+          </div>
         </div>
-      </div>
-    );
-  }
-})
+      );
+    }
+  },
+);