diff --git a/packages/status-react/src/system/avatar/avatar.tsx b/packages/status-react/src/system/avatar/avatar.tsx
index b1f6d6b6..095fabb6 100644
--- a/packages/status-react/src/system/avatar/avatar.tsx
+++ b/packages/status-react/src/system/avatar/avatar.tsx
@@ -21,7 +21,7 @@ const Avatar = (props: Props) => {
   const identiconRing = useMemo(() => {
     if (colorHash) {
       const gradient = generateIdenticonRing(colorHash)
-      return `conic-gradient(${gradient})`
+      return `conic-gradient(from 90deg, ${gradient})`
     }
   }, [colorHash])