From 04edcf9cd5cd71457a05decae48784779f90eab4 Mon Sep 17 00:00:00 2001
From: Steven Spriggs <steven.spriggs@gmail.com>
Date: Tue, 28 Jan 2025 13:11:22 -0500
Subject: [PATCH] fix(avatar): remove margin for mobile viewports and `plain`
 variant

---
 .changeset/eight-knives-pretend.md | 5 +++++
 elements/rh-avatar/rh-avatar.css   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eight-knives-pretend.md

diff --git a/.changeset/eight-knives-pretend.md b/.changeset/eight-knives-pretend.md
new file mode 100644
index 0000000000..60ad12ffc6
--- /dev/null
+++ b/.changeset/eight-knives-pretend.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-avatar>`: corrected small viewport margin for `plain` variant avatars
diff --git a/elements/rh-avatar/rh-avatar.css b/elements/rh-avatar/rh-avatar.css
index 34067d8cdd..bd8a4ddd3c 100644
--- a/elements/rh-avatar/rh-avatar.css
+++ b/elements/rh-avatar/rh-avatar.css
@@ -57,7 +57,7 @@
 }
 
 :host([layout='block']) :is(img, canvas, svg),
-#container.mobile :is(img, canvas, svg) {
+:host(:not([plain])) #container.mobile :is(img, canvas, svg) {
   margin-block-end: var(--rh-space-lg, 16px);
 }