diff --git a/src/lib/utils/createCanvasText.ts b/src/lib/utils/createCanvasText.ts
index 3298083..fe2aa54 100644
--- a/src/lib/utils/createCanvasText.ts
+++ b/src/lib/utils/createCanvasText.ts
@@ -23,16 +23,19 @@ export default function createCanvasText(
     elem.textContent = elem.textContent?.toUpperCase() as string;
   }
 
-  // Use provided text object or create a new one
-  const canvasText = textObject || new Text(elem.textContent as string, {
-    fontFamily: elemFontFamily,
-    fontSize: parseInt(elemFontSize),
-    fontWeight: elemFontWeight as PIXI.TextStyleFontWeight,
-    fontStyle: elemFontStyle as PIXI.TextStyleFontStyle,
-    letterSpacing: elemLetterSpacing,
-    fill: elemColor,
-    align: elemAlignment as PIXI.TextStyleAlign,
-    padding: 20,    
+  // Use new PixiJS v8 syntax
+  const canvasText = textObject || new Text({
+    text: elem.textContent as string,
+    style: {
+      fontFamily: elemFontFamily,
+      fontSize: parseInt(elemFontSize),
+      fontWeight: elemFontWeight as PIXI.TextStyleFontWeight,
+      fontStyle: elemFontStyle as PIXI.TextStyleFontStyle,
+      letterSpacing: elemLetterSpacing,
+      fill: elemColor,
+      align: elemAlignment as PIXI.TextStyleAlign,
+      padding: 20,
+    }
   });
 
   // Update existing text object properties
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9c40cb7..2d4a45b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -13,9 +13,9 @@
   }
 
   onMount(() => {
-    console.log('layout mounted');
+    // console.log('layout mounted');
     // Set initial random background color on first load
-    // setRandomBgColor();
+    setRandomBgColor();
   });
 
   let { children }: { children: Snippet } = $props();