diff --git a/README.md b/README.md
index 580071d..1d03992 100644
--- a/README.md
+++ b/README.md
@@ -599,22 +599,22 @@ The player advances through each entry by clicking the mouse button. Once the la
 The script must adhere to the following schema:
 
 ```ts
-class  Dialog {
-  text: string
-  windowHeight?: 'auto' | number
-  name?: string
-  fontSize?: number
-  offsetX?: number
-  offsetY?: number
-  typeSpeed?: number
-  isEndOfDialog?: boolean
-  triggeredByNext?: () =>  void
-  portrait?: ImageData
-  image?: ImageData
-  isQuestion?:boolean
-  buttons?: ButtonData[]
-  audio?: string
-  skipable?: boolean
+class Dialog {
+	text: string
+	windowHeight?: 'auto' | number
+	name?: string
+	fontSize?: number
+	offsetX?: number
+	offsetY?: number
+	typeSpeed?: number
+	isEndOfDialog?: boolean
+	triggeredByNext?: () => void
+	portrait?: ImageData
+	image?: ImageData
+	isQuestion?: boolean
+	buttons?: ButtonData[]
+	audio?: string
+	skipable?: boolean
 }
 ```
 
diff --git a/src/ui.tsx b/src/ui.tsx
index 607cca0..978accb 100644
--- a/src/ui.tsx
+++ b/src/ui.tsx
@@ -322,7 +322,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -353,7 +353,7 @@ export const NpcUtilsUi = () => {
           >
             <UiEntity
               uiTransform={{
-                width:  'auto',
+                width:  getScaledSize(25),
                 height: getScaledSize(25),
                 margin: { right: getScaledSize(5) },
                 positionType: 'absolute'
@@ -380,7 +380,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width:  'auto',
+              width:  getScaledSize(12),
               margin: { right: '5%' },
             }}
             uiBackground={{
@@ -402,7 +402,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -433,7 +433,7 @@ export const NpcUtilsUi = () => {
           >
             <UiEntity
               uiTransform={{
-                width:  'auto',
+                width:  getScaledSize(25),
                 height: getScaledSize(25),
                 margin: { right: getScaledSize(5) },
                 positionType: 'absolute',
@@ -460,7 +460,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width:  'auto',
+              width:  getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -493,7 +493,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -534,7 +534,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
               margin: { right: '5%' },
             }}
             uiBackground={{
@@ -556,7 +556,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -597,7 +597,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',