diff --git a/src/app/Dashboard/AutomatedAnalysis/AutomatedAnalysisCardList.tsx b/src/app/Dashboard/AutomatedAnalysis/AutomatedAnalysisCardList.tsx
index 1153d418d..0a632a391 100644
--- a/src/app/Dashboard/AutomatedAnalysis/AutomatedAnalysisCardList.tsx
+++ b/src/app/Dashboard/AutomatedAnalysis/AutomatedAnalysisCardList.tsx
@@ -59,6 +59,7 @@ import {
 } from '@patternfly/react-table';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
+import { transformAADescription } from '../dashboard-utils';
 
 export interface AutomatedAnalysisCardListProps {
   evaluations: CategorizedRuleEvaluations[];
@@ -141,14 +142,14 @@ export const AutomatedAnalysisCardList: React.FC<AutomatedAnalysisCardListProps>
               <Th modifier="wrap" sort={getSortParams(1)}>
                 {t('SCORE', { ns: 'common' })}
               </Th>
-              <Th modifier="wrap">{t('DESCRIPTION', { ns: 'common' })}</Th>
+              <Th modifier="truncate">{t('DESCRIPTION', { ns: 'common' })}</Th>
             </Tr>
           </Thead>
           <Tbody>
             {flatFiltered.map((evaluation) => {
               return (
                 <Tr key={evaluation.name}>
-                  <Td dataLabel={t('NAME', { ns: 'common' })} width={20}>
+                  <Td dataLabel={t('NAME', { ns: 'common' })} width={10}>
                     {evaluation.name}
                   </Td>
                   <Td dataLabel={t('SCORE', { ns: 'common' })} modifier="wrap">
@@ -161,7 +162,9 @@ export const AutomatedAnalysisCardList: React.FC<AutomatedAnalysisCardListProps>
                       <FlexItem>{icon(evaluation.score)}</FlexItem>
                     </Flex>
                   </Td>
-                  <Td dataLabel={t('DESCRIPTION', { ns: 'common' })}>{evaluation.description}</Td>
+                  <Td modifier="breakWord" dataLabel={t('DESCRIPTION', { ns: 'common' })}>
+                    {transformAADescription(evaluation.description)}
+                  </Td>
                 </Tr>
               );
             })}
diff --git a/src/app/Dashboard/AutomatedAnalysis/ClickableAutomatedAnalysisLabel.tsx b/src/app/Dashboard/AutomatedAnalysis/ClickableAutomatedAnalysisLabel.tsx
index 376b4a6ea..264b64266 100644
--- a/src/app/Dashboard/AutomatedAnalysis/ClickableAutomatedAnalysisLabel.tsx
+++ b/src/app/Dashboard/AutomatedAnalysis/ClickableAutomatedAnalysisLabel.tsx
@@ -39,11 +39,12 @@
 import { AutomatedAnalysisScore, RuleEvaluation } from '@app/Shared/Services/Report.service';
 import { portalRoot } from '@app/utils/utils';
 import { Label, LabelProps, Popover } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { CheckCircleIcon, ExclamationCircleIcon, InfoCircleIcon, WarningTriangleIcon } from '@patternfly/react-icons';
 import { css } from '@patternfly/react-styles';
 import popoverStyles from '@patternfly/react-styles/css/components/Popover/popover';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import { transformAADescription } from '../dashboard-utils';
 
 export interface ClickableAutomatedAnalysisLabelProps {
   label: RuleEvaluation;
@@ -92,6 +93,18 @@ export const ClickableAutomatedAnalysisLabel: React.FunctionComponent<ClickableA
       : 'danger';
   }, [label.score]);
 
+  const icon = React.useMemo(() => {
+    return label.score == AutomatedAnalysisScore.NA_SCORE ? (
+      <InfoCircleIcon />
+    ) : label.score < AutomatedAnalysisScore.ORANGE_SCORE_THRESHOLD ? (
+      <CheckCircleIcon />
+    ) : label.score < AutomatedAnalysisScore.RED_SCORE_THRESHOLD ? (
+      <WarningTriangleIcon />
+    ) : (
+      <ExclamationCircleIcon />
+    );
+  }, [label.score]);
+
   return (
     <Popover
       aria-label={t('ClickableAutomatedAnalysisLabel.ARIA_LABELS.POPOVER')}
@@ -110,14 +123,14 @@ export const ClickableAutomatedAnalysisLabel: React.FunctionComponent<ClickableA
           <p className={css(alertStyle[alertPopoverVariant], `${clickableAutomatedAnalysisKey}-popover-body-score`)}>
             {label.score == AutomatedAnalysisScore.NA_SCORE ? 'N/A' : label.score.toFixed(1)}
           </p>
-          <p>{label.description}</p>
+          {transformAADescription(label.description)}
         </div>
       }
       appendTo={portalRoot}
     >
       <Label
         aria-label={label.name}
-        icon={<InfoCircleIcon />}
+        icon={icon}
         color={colorScheme}
         className={isHoveredOrFocused ? `clickable-label-hovered` : ''}
         onMouseEnter={handleHoveredOrFocused}
diff --git a/src/app/Dashboard/dashboard-utils.tsx b/src/app/Dashboard/dashboard-utils.tsx
index 42d7e2355..dbdf76222 100644
--- a/src/app/Dashboard/dashboard-utils.tsx
+++ b/src/app/Dashboard/dashboard-utils.tsx
@@ -398,7 +398,6 @@ export interface PropControlExtra {
   max?: number;
   [key: string]: any;
 }
-/* eslint-enable @typescript-eslint/no-explicit-any */
 
 export interface PropControl {
   name: string;
@@ -409,6 +408,7 @@ export interface PropControl {
   defaultValue: any;
   extras?: PropControlExtra;
 }
+/* eslint-enable @typescript-eslint/no-explicit-any */
 
 export interface DashboardCardTypeProps {
   span: number;
@@ -418,3 +418,27 @@ export interface DashboardCardTypeProps {
   isFullHeight?: boolean;
   actions?: JSX.Element[];
 }
+
+/* CARD COMPONENTS */
+
+export const transformAADescription = (description: string): JSX.Element => {
+  const splitDesc = description.split('\n\n');
+  const boldRegex = /^([^:]+:\s?)/; // match text up to and including the first colon
+
+  return (
+    <>
+      {splitDesc.map((item, index) => {
+        const boldMatch = item.match(boldRegex);
+        const boldText = boldMatch ? boldMatch[0] : '';
+        const restOfText = boldMatch ? item.replace(boldRegex, '') : item;
+        const style = index > 0 ? { paddingTop: '0.7rem' } : {};
+        return (
+          <p key={index} style={style}>
+            {boldText && <strong>{boldText}</strong>}
+            {restOfText}
+          </p>
+        );
+      })}
+    </>
+  );
+};
diff --git a/src/test/Dashboard/AutomatedAnalysis/__snapshots__/AutomatedAnalysisCardList.test.tsx.snap b/src/test/Dashboard/AutomatedAnalysis/__snapshots__/AutomatedAnalysisCardList.test.tsx.snap
index 7a7a45602..c4a3c1b34 100644
--- a/src/test/Dashboard/AutomatedAnalysis/__snapshots__/AutomatedAnalysisCardList.test.tsx.snap
+++ b/src/test/Dashboard/AutomatedAnalysis/__snapshots__/AutomatedAnalysisCardList.test.tsx.snap
@@ -116,7 +116,7 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
             </button>
           </th>
           <th
-            className="pf-m-wrap"
+            className="pf-m-truncate"
             onMouseEnter={[Function]}
             scope="col"
           >
@@ -136,7 +136,7 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
           hidden={false}
         >
           <td
-            className="pf-m-width-20"
+            className="pf-m-width-10"
             data-label="Name"
             onMouseEnter={[Function]}
           >
@@ -184,11 +184,16 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
             </div>
           </td>
           <td
-            className=""
+            className="pf-m-break-word"
             data-label="Description"
             onMouseEnter={[Function]}
           >
-            rule1 description
+            <p
+              style={Object {}}
+            >
+              
+              rule1 description
+            </p>
           </td>
         </tr>
         <tr
@@ -199,7 +204,7 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
           hidden={false}
         >
           <td
-            className="pf-m-width-20"
+            className="pf-m-width-10"
             data-label="Name"
             onMouseEnter={[Function]}
           >
@@ -247,11 +252,16 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
             </div>
           </td>
           <td
-            className=""
+            className="pf-m-break-word"
             data-label="Description"
             onMouseEnter={[Function]}
           >
-            rule3 description
+            <p
+              style={Object {}}
+            >
+              
+              rule3 description
+            </p>
           </td>
         </tr>
         <tr
@@ -262,7 +272,7 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
           hidden={false}
         >
           <td
-            className="pf-m-width-20"
+            className="pf-m-width-10"
             data-label="Name"
             onMouseEnter={[Function]}
           >
@@ -310,11 +320,16 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
             </div>
           </td>
           <td
-            className=""
+            className="pf-m-break-word"
             data-label="Description"
             onMouseEnter={[Function]}
           >
-            rule2 description
+            <p
+              style={Object {}}
+            >
+              
+              rule2 description
+            </p>
           </td>
         </tr>
         <tr
@@ -325,7 +340,7 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
           hidden={false}
         >
           <td
-            className="pf-m-width-20"
+            className="pf-m-width-10"
             data-label="Name"
             onMouseEnter={[Function]}
           >
@@ -373,11 +388,16 @@ exports[`<AutomatedAnalysisCardList /> renders correctly 1`] = `
             </div>
           </td>
           <td
-            className=""
+            className="pf-m-break-word"
             data-label="Description"
             onMouseEnter={[Function]}
           >
-            N/A description
+            <p
+              style={Object {}}
+            >
+              
+              N/A description
+            </p>
           </td>
         </tr>
       </tbody>