diff --git a/webpack/InsightsHostDetailsTab/InsightsTab.scss b/webpack/InsightsHostDetailsTab/InsightsTab.scss
index 7d3d3be93..665ba70d7 100644
--- a/webpack/InsightsHostDetailsTab/InsightsTab.scss
+++ b/webpack/InsightsHostDetailsTab/InsightsTab.scss
@@ -88,3 +88,7 @@
 #new_host_details_insights_tab {
   padding: 24px;
 }
+
+#total-risks-dropdown-container ul.pf-v5-c-menu__list {
+  margin-bottom: 0px;
+}
diff --git a/webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js b/webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js
index cbadf3c19..c942566c1 100644
--- a/webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js
+++ b/webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js
@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
 import { push } from 'connected-react-router';
 import { useHistory } from 'react-router-dom';
-import { Bullseye, Title } from '@patternfly/react-core';
-import { DropdownItem } from '@patternfly/react-core/deprecated';
+import { Bullseye, DropdownItem, Title } from '@patternfly/react-core';
 import {
   ChartDonut,
   ChartLegend,
@@ -127,6 +126,7 @@ const InsightsTotalRiskCard = ({ hostDetails: { id } }) => {
   return (
     <CardTemplate
       header={__('Total risks')}
+      overrideDropdownProps={{ id: 'total-risks-dropdown-container' }}
       dropdownItems={[
         <DropdownItem
           key="insights-tab"