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">