diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index b6ef0e4..5c0537e 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -66,9 +66,9 @@ import Layout from '../../layouts/Layout.astro';
             .then(response => response.json())
             .then(({ data }) => {
             const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
-            const baseFontSize = 60;
+            const baseFontSize = 40;
             const responsiveFontSize = (window.innerWidth / 950) * baseFontSize;
-            const descrptText = this.add.text(screenCenterX, 20, data.description, {
+            const descrptText = this.add.text(screenCenterX, 50, data.description, {
                 font: `${responsiveFontSize}px quicksand`,
                 fill: '#7c4c23',
             }).setOrigin(0.5);
@@ -243,10 +243,8 @@ import Layout from '../../layouts/Layout.astro';
         };
         const cursorSize = brushSize * cursorSizeMultiplier;
         customCursor.clear(); // Clear the previous frame
-        customCursor.fillStyle(Phaser.Display.Color.HexStringToColor(selectedColor).color); // Use the selected drawing color
-        // customCursor.setStrokeStyle(0xff0000); // Color of the cursor outline
-        customCursor.fillCircle(0, 0, cursorSize);
-
+        customCursor.lineStyle(3, 0x000000); // Set the line style (2 is the line thickness, 0x000000 is black color)
+        customCursor.strokeCircle(0, 0, cursorSize);
         // Position the cursor at the current mouse pointer coordinates
         customCursor.x = this.input.x;
         customCursor.y = this.input.y;