diff --git a/src/components/game/map/partials/ImageGroup.vue b/src/components/game/map/partials/ImageGroup.vue
index 7157aa8..1b5c16e 100644
--- a/src/components/game/map/partials/ImageGroup.vue
+++ b/src/components/game/map/partials/ImageGroup.vue
@@ -1,21 +1,13 @@
 <template>
-  <Zone
-      :originX="mapObj?.originX"
-      :originY="mapObj?.originY"
-      :width="mapObj?.frameWidth"
-      :height="mapObj?.frameHeight"
-      :x="x"
-      :y="y"
-  />
+  <Zone :originX="mapObj?.originX" :originY="mapObj?.originY" :width="mapObj?.frameWidth" :height="mapObj?.frameHeight" :x="x" :y="y" />
 </template>
 
 <script setup lang="ts">
-import { onPreUpdate, useScene } from 'phavuer'
-import { calculateIsometricDepth } from '@/services/mapService'
-import { onUnmounted, defineProps } from 'vue'
 import type { MapObject, PlacedMapObject } from '@/application/types'
 import { useMapEditorComposable } from '@/composables/useMapEditorComposable'
-import {Zone} from "phavuer";
+import { calculateIsometricDepth } from '@/services/mapService'
+import { onPreUpdate, useScene, Zone } from 'phavuer'
+import { defineProps, onUnmounted } from 'vue'
 
 const mapEditor = useMapEditorComposable()
 
@@ -71,4 +63,4 @@ if (props.mapObj && props.x && props.y) {
 onUnmounted(() => {
   group.destroy(true, true)
 })
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/game/map/partials/PlacedMapObject.vue b/src/components/game/map/partials/PlacedMapObject.vue
index 07399a8..17df46b 100644
--- a/src/components/game/map/partials/PlacedMapObject.vue
+++ b/src/components/game/map/partials/PlacedMapObject.vue
@@ -4,6 +4,7 @@
 
 <script setup lang="ts">
 import type { MapObject, PlacedMapObject } from '@/application/types'
+import ImageGroup from '@/components/game/map/partials/ImageGroup.vue'
 import { useMapEditorComposable } from '@/composables/useMapEditorComposable'
 import { loadMapObjectTextures, tileToWorldXY } from '@/services/mapService'
 import { MapObjectStorage } from '@/storage/storages'
@@ -14,8 +15,6 @@ import { computed, onMounted, ref, watch } from 'vue'
 import Tilemap = Phaser.Tilemaps.Tilemap
 import TilemapLayer = Phaser.Tilemaps.TilemapLayer
 
-import ImageGroup from '@/components/game/map/partials/ImageGroup.vue'
-
 const props = defineProps<{
   placedMapObject: PlacedMapObject
   tileMap: Tilemap
@@ -32,7 +31,7 @@ const mapObject = ref<MapObject>()
 const groupProps = computed(() => ({
   ...calculateObjectPlacement(props.placedMapObject),
   mapObj: mapObject.value,
-  obj: props.placedMapObject,
+  obj: props.placedMapObject
 }))
 
 async function initialize() {
diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 79a46c8..82ce7a5 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -94,14 +94,14 @@
                 <span class="text-sm">Hairstyle</span>
                 <div class="flex gap-2 flex-wrap">
                   <div
-                      class="hair-deselect relative flex justify-center items-center bg-gray default-border w-[18px] h-[18px] p-2 rounded-sm hover:bg-gray-500 hover:border-gray-400 focus-visible:outline-none focus-visible:border-white focus-visible:bg-cyan has-[:checked]:bg-cyan has-[:checked]:border-transparent"
+                    class="hair-deselect relative flex justify-center items-center bg-gray default-border w-[18px] h-[18px] p-2 rounded-sm hover:bg-gray-500 hover:border-gray-400 focus-visible:outline-none focus-visible:border-white focus-visible:bg-cyan has-[:checked]:bg-cyan has-[:checked]:border-transparent"
                   >
                     <img src="/assets/icons/x-button-gray.svg" class="w-4 h-4" alt="Empty button" />
                     <input type="radio" name="hair" :value="null" v-model="selectedHairId" class="h-full w-full absolute left-0 top-0 m-0 z-10 hover:cursor-pointer focus-visible:outline-offset-0 focus-visible:outline-white" />
                   </div>
                   <div
-                      v-for="hair in filteredHairs"
-                      class="relative flex justify-center items-center bg-gray default-border w-[18px] h-[18px] p-2 rounded-sm hover:bg-gray-500 hover:border-gray-400 focus-visible:outline-none focus-visible:border-gray-300 focus-visible:bg-gray-500 has-[:checked]:bg-cyan has-[:checked]:border-transparent overflow-hidden"
+                    v-for="hair in filteredHairs"
+                    class="relative flex justify-center items-center bg-gray default-border w-[18px] h-[18px] p-2 rounded-sm hover:bg-gray-500 hover:border-gray-400 focus-visible:outline-none focus-visible:border-gray-300 focus-visible:bg-gray-500 has-[:checked]:bg-cyan has-[:checked]:border-transparent overflow-hidden"
                   >
                     <div class="absolute inset-0 flex items-center justify-center">
                       <img class="h-16 object-contain scale-[1] mt-8 origin-center" :src="config.server_endpoint + '/textures/sprites/' + hair.sprite + '/front.png'" alt="Hair sprite" />