From 0fdbfa2799d0980773e57bdf0ec44f518f7d8b5f Mon Sep 17 00:00:00 2001
From: marionnegp <mapatel@redhat.com>
Date: Tue, 5 Nov 2024 16:45:43 -0500
Subject: [PATCH] docs(uxdot-best-practice): change Do/Don't heading space and
 icons

---
 uxdot/uxdot-best-practice.css | 2 +-
 uxdot/uxdot-best-practice.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/uxdot/uxdot-best-practice.css b/uxdot/uxdot-best-practice.css
index a5dc0c438a..997262a3d9 100644
--- a/uxdot/uxdot-best-practice.css
+++ b/uxdot/uxdot-best-practice.css
@@ -17,7 +17,7 @@ span {
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: var(--rh-space-sm);
+  gap: var(--rh-space-md);
 }
 
 #do span {
diff --git a/uxdot/uxdot-best-practice.ts b/uxdot/uxdot-best-practice.ts
index 45076036ba..93b2522984 100644
--- a/uxdot/uxdot-best-practice.ts
+++ b/uxdot/uxdot-best-practice.ts
@@ -13,7 +13,7 @@ export class UxdotBestPractice extends LitElement {
 
   render() {
     const { variant } = this;
-    const icon = variant === 'do' ? 'check-circle' : 'close-circle';
+    const icon = variant === 'do' ? 'check-circle-fill' : 'close-circle-fill';
     const title = variant === 'do' ? 'Do' : 'Don\'t';
     return html`
       <figure id="container">