From 815662c09775385ad0267171be84dc7549ce6e6d Mon Sep 17 00:00:00 2001
From: DuckieTM <info@camwijs.nl>
Date: Sun, 19 Apr 2026 13:08:55 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=86=99=20Better=20view=20for=20avatar=20o?=
 =?UTF-8?q?bjects=20in=20the=20editor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../figure-set/AvatarEditorFigureSetItemView.tsx       |  2 +-
 src/css/index.css                                      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx b/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx
index e5f502a..31c88a6 100644
--- a/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx
+++ b/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx
@@ -84,7 +84,7 @@ export const AvatarEditorFigureSetItemView: FC<{
                 <img
                     src={ assetUrl }
                     alt=""
-                    className="absolute inset-0 m-auto max-w-full max-h-full pointer-events-none image-rendering-pixelated"
+                    className="max-w-full max-h-full pointer-events-none image-rendering-pixelated"
                     draggable={ false }
                 /> }
             { !partItem.isClear && isHC && <LayoutCurrencyIcon className="absolute inset-e-1 bottom-1" type="hc" /> }
diff --git a/src/css/index.css b/src/css/index.css
index dc4905c..6e2c4c3 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -1819,23 +1819,23 @@ body {
 }
 
 .avatar-parts {
-    border: none !important;
+    border: 1px solid #c5c3c0 !important;
     position: relative;
     aspect-ratio: 1;
     width: 100%;
     max-width: 42px;
-    border-radius: 2rem !important;
+    border-radius: 0.3rem !important;
     overflow: hidden !important;
-    background-color: transparent;
+    background-color: #e9e8e4;
 
     &:hover {
-        box-shadow: 0 0 0 3px #dbdad5 !important;
+        box-shadow: inset 0 0 0 3px #dbdad5 !important;
         background-color: #cecdc8 !important;
     }
 
     &:active,
     &.part-selected {
-        box-shadow: 0 0 0 3px #c5c3c0 !important;
+        box-shadow: inset 0 0 0 3px #c5c3c0 !important;
         background-color: #b1b1b1 !important;
     }
 }