diff --git a/loc/en_GB.ts b/loc/en_GB.ts
index 9877fc6..7c40944 100644
--- a/loc/en_GB.ts
+++ b/loc/en_GB.ts
@@ -160,6 +160,7 @@ export const en_GB = {
             alpha: 'Alpha',
             on: 'On',
             off: 'Off',
+            advanced_settings: 'Advanced settings'
         },
     },
 };
diff --git a/src/ui/components/image.ts b/src/ui/components/image.ts
index b277ad2..5324783 100644
--- a/src/ui/components/image.ts
+++ b/src/ui/components/image.ts
@@ -61,7 +61,6 @@ export class ImageComponent extends ConfigComponent<Promise<TImageRawWrap>, HTML
                     fileReader.onload = function () {
                         if (typeof fileReader.result === 'string') {
                             // convert image file to base64 string
-                            console.log('base64 png', fileReader.result);
                             res({ filetype: file.type === 'image/jpeg' ? 'jpg' : 'png', raw: fileReader.result });
                         } else {
                             rej(Error());
diff --git a/src/ui/components/placeholder.ts b/src/ui/components/placeholder.ts
index 45218f1..754b8a7 100644
--- a/src/ui/components/placeholder.ts
+++ b/src/ui/components/placeholder.ts
@@ -27,10 +27,10 @@ export class PlaceholderComponent extends ConfigComponent<undefined, HTMLDivElem
 
     public override generateHTML(): string {
         return `
-            <div class="property" style="justify-content: center;">
+            <div class="property" style="justify-content: center; height: var(--property-height);">
                 <div id="${this._getLabelId()}"></div>
                 <div id="${this._getId()}-prop"></div>
-                ${this._generateInnerHTML()}
+                <i>${this._generateInnerHTML()}</i>
             </div>
         `;
     }
diff --git a/src/ui/layout.ts b/src/ui/layout.ts
index 5ad15db..1e8bee1 100644
--- a/src/ui/layout.ts
+++ b/src/ui/layout.ts
@@ -170,14 +170,25 @@ export class UI {
                         payload: 'first',
                     })
                     .setLabel('voxelise.components.voxel_overlap'),
+                'colourAccuracy': new SliderComponent()
+                    .setMin(1)
+                    .setMax(8)
+                    .setDefaultValue(5)
+                    .setDecimals(1)
+                    .setStep(0.1)
+                    .setLabel('assign.components.colour_accuracy'),
+                'placeholder': new PlaceholderComponent()
+                    .setPlaceholderText('misc.advanced_settings'),
             },
             componentOrder: [
                 'constraintAxis',
                 'size',
+                'placeholder',
                 'voxeliser',
                 'ambientOcclusion',
                 'multisampleColouring',
                 'voxelOverlapRule',
+                'colourAccuracy'
             ],
             execButton: new ButtonComponent()
                 .setOnClick(() => {
@@ -277,11 +288,14 @@ export class UI {
                     .setStep(1)
                     .setLabel('assign.components.light_threshold')
                     .setShouldObeyGroupEnables(false),
+                'placeholder': new PlaceholderComponent()
+                    .setPlaceholderText('misc.advanced_settings'),
             },
             componentOrder: [
-                'textureAtlas',
                 'blockPalette',
                 'dithering',
+                'placeholder',
+                'textureAtlas',
                 'ditheringMagnitude',
                 'fallable',
                 'colourAccuracy',