fix: stop admin icon in message avatar from clipping

4 months ago · 06621e31f1
parent 91c76e98b8
commit 06621e31f1
1 changed files with 4 additions and 5 deletions
--- a/ts/components/avatar/Avatar.tsx
+++ b/ts/components/avatar/Avatar.tsx
@ -48,15 +48,14 @@ const CrownWrapper = styled.div`
  align-items: center;
  justify-content: center;
  position: absolute;
-  bottom: 0%;
-  right: 12%;
-  height: 20px;
-  width: 20px;
+  bottom: 11%;
+  right: 11%;
+  height: 18px;
+  width: 18px;
  transform: translate(20%, 20%); // getting over 23% creates a glitch
  color: #f7c347;
  background: var(--background-primary-color);
  border-radius: 50%;
-  box-shadow: var(--drop-shadow);
 `;

 export const CrownIcon = () => {