Improve rendering of translucent avatars (#84)

element-hq · Sep 25, 2023 · 730c2c3 · 730c2c3
1 parent 9897736
commit 730c2c3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/Avatar/Avatar.module.css b/src/components/Avatar/Avatar.module.css
@@ -25,6 +25,10 @@ limitations under the License.
   font-weight: bold;
   overflow: hidden;
   user-select: none;
+
+  /* Set a background color to help with visual consistency when displaying
+   * avatars with a translucent background */
+  background: var(--cpd-color-bg-canvas-default);
 }
 
 button.avatar {