diff --git a/app/components/ActionAvatar/ActionAvatar.tsx b/app/components/ActionAvatar/ActionAvatar.tsx
index f328e7f..d819f77 100644
--- a/app/components/ActionAvatar/ActionAvatar.tsx
+++ b/app/components/ActionAvatar/ActionAvatar.tsx
@@ -60,6 +60,7 @@ export function ActionAvatar(props : ActionAvatarProps) {
                     size={120}
                     radius={120}
                     mx="auto"
+                    bg={'#fff'}
                     name={props.title.trim() || props.publicKey}
                     color={'initials'}
                     src={avatars.length > 0 ? 
diff --git a/app/components/Dialog/Dialog.tsx b/app/components/Dialog/Dialog.tsx
index 9c4137c..450d759 100644
--- a/app/components/Dialog/Dialog.tsx
+++ b/app/components/Dialog/Dialog.tsx
@@ -88,7 +88,7 @@ export function Dialog(props : DialogProps) {
                         <IconBookmark stroke={2} size={20}></IconBookmark>
                     </Avatar> : 
                     <Box style={{ position: 'relative', display: 'inline-block' }}>
-                        <Avatar src={avatars.length > 0 ? avatars[0].avatar : undefined} variant={isInCurrentDialog ? 'filled' : 'light'} name={userInfo.title} size={50} color={'initials'} />
+                        <Avatar bg={avatars.length > 0 ? '#fff' : undefined} src={avatars.length > 0 ? avatars[0].avatar : undefined} variant={isInCurrentDialog ? 'filled' : 'light'} name={userInfo.title} size={50} color={'initials'} />
                         {userInfo.online == OnlineState.ONLINE && (
                             <Box
                                 style={{
diff --git a/app/components/Messages/Message.tsx b/app/components/Messages/Message.tsx
index 9e21c66..f61d620 100644
--- a/app/components/Messages/Message.tsx
+++ b/app/components/Messages/Message.tsx
@@ -186,7 +186,7 @@ export function Message(props: MessageProps) {
             {computedMessageStyle == MessageStyle.ROWS && (
                 <Flex direction={'row'} justify={'space-between'} gap={'sm'}>
                     <Flex direction={'row'} gap={'sm'}>
-                        {(!props.avatar_no_render && (md || !props.replyed)) && <Avatar onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} variant={props.parent ? 'filled' : 'light'} color="initials"></Avatar>}
+                        {(!props.avatar_no_render && (md || !props.replyed)) && <Avatar bg={avatars.length > 0 ? '#fff' : undefined} onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} variant={props.parent ? 'filled' : 'light'} color="initials"></Avatar>}
                         <Flex direction={'column'}>
                             <Flex direction={'row'} gap={3} align={'center'}>
                                 {!props.avatar_no_render && (
@@ -262,7 +262,7 @@ export function Message(props: MessageProps) {
                 return (
                     <Flex direction={props.from_me ? 'row-reverse' : 'row'} gap={'sm'} align={'flex-end'}>
                         {(md && props.is_last_message_in_stack) && (
-                            <Avatar onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} color="initials" variant={wallpaper != '' ? 'filled' : 'light'} style={{ flexShrink: 0 }}></Avatar>
+                            <Avatar bg={avatars.length > 0 ? '#fff' : undefined} onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} color="initials" variant={wallpaper != '' ? 'filled' : 'light'} style={{ flexShrink: 0 }}></Avatar>
                         )}
                         {(md && !props.is_last_message_in_stack) && (
                             <Box style={{ width: 40, height: 40, flexShrink: 0 }}></Box>
diff --git a/app/providers/ImageViewerProvider/ImageViewer.tsx b/app/providers/ImageViewerProvider/ImageViewer.tsx
index b4b5931..9454fd0 100644
--- a/app/providers/ImageViewerProvider/ImageViewer.tsx
+++ b/app/providers/ImageViewerProvider/ImageViewer.tsx
@@ -149,6 +149,7 @@ export function ImageViewer(props : ImageViewerProps) {
                             userSelect: 'none',
                             cursor: isDragging ? 'grabbing' : 'grab',
                             transformOrigin: '0 0',
+                            background: '#FFF',
                             transform: `translate(${pos.x}px, ${pos.y}px) scale(${pos.scale})`,
                         }}
                         onWheel={onWheel}
diff --git a/app/workers/crypto/crypto.worker.ts b/app/workers/crypto/crypto.worker.ts
index 6765fdf..12d1dcf 100644
--- a/app/workers/crypto/crypto.worker.ts
+++ b/app/workers/crypto/crypto.worker.ts
@@ -21,7 +21,6 @@ self.onmessage = async (event: MessageEvent) => {
                 result = await encrypt(payload.data, payload.publicKey);
                 break;
             case 'decrypt':
-                console.info("decrypt", payload.privateKey, payload.data);
                 result = await decrypt(payload.data, payload.privateKey);
                 break;
             case 'chacha20Encrypt':