diff --git a/config.js b/config.js
index 06ded60..2bda362 100644
--- a/config.js
+++ b/config.js
@@ -16,16 +16,13 @@ const theater2Popup = `
 
 export const config = {
     scene : {
-        initialExposure: 0.95,
+        initialExposure: 1.5,
         autoLP: false,
         shadows: false,
-        initLightDir: [0.2,-0.3,-0.7],
-        initRotation: [0, 1.5, 0],
+        initLightDir: [-0.3,-0.7,0.1],
+        initRotation: [0, 190, 0],
         ambientOcclusion: false,
     },
-    menu : {
-        //audioBtn1
-    },
     markers : [
         {
             id : "salvador",
diff --git a/js/controllers/modal_controller.js b/js/controllers/modal_controller.js
index f474fc9..7e6a22a 100644
--- a/js/controllers/modal_controller.js
+++ b/js/controllers/modal_controller.js
@@ -27,11 +27,12 @@ export default class extends Controller {
             content.classList.add('img-fluid');
         }
 
+        body.appendChild(content);
+
         const description = document.createElement('p');
         description.textContent = event.content?.description;
         description.classList.add('py-3', 'my-2', 'fst-italic');
 
-        body.appendChild(content);
         body.appendChild(description);
 
         bootstrap.Modal.getOrCreateInstance(modal).show();
diff --git a/js/scene.js b/js/scene.js
index 1de37ff..44052cc 100644
--- a/js/scene.js
+++ b/js/scene.js
@@ -132,10 +132,10 @@ function loadNodes(nodes) {
  */
 function createSemanticNode(model, id) {
     // Default/highlight materials for semantic node
-    let matSemDef = new THREE.MeshPhongMaterial({
-        color: '#ecee66',
+    let matSemDef = new THREE.MeshStandardMaterial({
+        color: '#f7e6af',
         transparent: true,
-        opacity: 0.3,
+        opacity: 0.2,
     });
     let matSemHL  = ATON.MatHub.materials.semanticShapeHL;