diff --git a/lib/hooks/useUserAvatar.ts b/lib/hooks/useUserAvatar.ts
index bc9020931..840daae6d 100644
--- a/lib/hooks/useUserAvatar.ts
+++ b/lib/hooks/useUserAvatar.ts
@@ -1,17 +1,17 @@
 import { useEffect } from 'react'
-import { getRandomPairOfColors } from '@lib/colors'
 import { useUI } from '@components/ui/context'
+import { getRandomPairOfColors } from '@lib/colors'
 
 export const useUserAvatar = (name = 'userAvatar') => {
   const { userAvatar, setUserAvatar } = useUI()
 
   useEffect(() => {
     if (!userAvatar && localStorage.getItem(name)) {
-      // get bg value locally.
+      // Get bg from localStorage and push it to the context.
       setUserAvatar(localStorage.getItem(name))
     }
     if (!localStorage.getItem(name)) {
-      // local not set, set.
+      // bg not set locally, generating one, setting localStorage and context to persist.
       const bg = getRandomPairOfColors()
       const value = `linear-gradient(140deg, ${bg[0]}, ${bg[1]} 100%)`
       localStorage.setItem(name, value)