From 8f99e82935c1cb378a46bd3a8b4f3ca688c23c54 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 10 Nov 2023 10:12:40 +1100
Subject: [PATCH] fix: glitch of background with crownicon and css translate

---
 ts/components/avatar/Avatar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/components/avatar/Avatar.tsx b/ts/components/avatar/Avatar.tsx
index de2558b25..02c502829 100644
--- a/ts/components/avatar/Avatar.tsx
+++ b/ts/components/avatar/Avatar.tsx
@@ -1,8 +1,8 @@
 import classNames from 'classnames';
+import { isEqual } from 'lodash';
 import React, { useState } from 'react';
 import { useSelector } from 'react-redux';
 import styled from 'styled-components';
-import { isEqual } from 'lodash';
 
 import { useDisableDrag } from '../../hooks/useDisableDrag';
 import { useEncryptedFileFetch } from '../../hooks/useEncryptedFileFetch';
@@ -52,7 +52,7 @@ const CrownWrapper = styled.div`
   right: 12%;
   height: 20px;
   width: 20px;
-  transform: translate(25%, 25%);
+  transform: translate(20%, 20%); // getting over 23% creates a glitch
   color: #f7c347;
   background: var(--background-primary-color);
   border-radius: 50%;