diff --git a/line-segment-intersection/README.md b/line-segment-intersection/README.md
index 9bdadcd..aee5ea6 100644
--- a/line-segment-intersection/README.md
+++ b/line-segment-intersection/README.md
@@ -58,7 +58,7 @@ npm run preview
 
 ## Interface
 
-The canvas displays an 8×8 grid where each cell is 40 pixels. Move your mouse over the grid to control point B and watch the rectangle areas update in real-time below the visualization.
+The canvas displays an 8x8 grid where each cell is 40 pixels. Move your mouse over the grid to control point B and watch the rectangle areas update in real-time below the visualization.
 
 The calculation cards show:
 - Current position of point B
diff --git a/line-segment-intersection/src/App.svelte b/line-segment-intersection/src/App.svelte
index 5c20dbd..e0664a9 100644
--- a/line-segment-intersection/src/App.svelte
+++ b/line-segment-intersection/src/App.svelte
@@ -206,7 +206,7 @@
       <p>Corner: ({blueRect.x1}, {blueRect.y1})</p>
       <p>Width = |{blueRect.x1} - {userPoint.x.toFixed(2)}| = {blueWidth.toFixed(2)}</p>
       <p>Height = |{blueRect.y1} - {userPoint.y.toFixed(2)}| = {blueHeight.toFixed(2)}</p>
-      <p class="area">Area = {blueWidth.toFixed(2)} × {blueHeight.toFixed(2)} = <strong>{blueArea.toFixed(2)}</strong></p>
+      <p class="area">Area = {blueWidth.toFixed(2)} x {blueHeight.toFixed(2)} = <strong>{blueArea.toFixed(2)}</strong></p>
     </div>
 
     <div class="rect-calc red" class:largest={redArea > blueArea}>
@@ -214,7 +214,7 @@
       <p>Corner: ({redRect.x1}, {redRect.y1})</p>
       <p>Width = |{redRect.x1} - {userPoint.x.toFixed(2)}| = {redWidth.toFixed(2)}</p>
       <p>Height = |{redRect.y1} - {userPoint.y.toFixed(2)}| = {redHeight.toFixed(2)}</p>
-      <p class="area">Area = {redWidth.toFixed(2)} × {redHeight.toFixed(2)} = <strong>{redArea.toFixed(2)}</strong></p>
+      <p class="area">Area = {redWidth.toFixed(2)} x {redHeight.toFixed(2)} = <strong>{redArea.toFixed(2)}</strong></p>
     </div>
   </div>
 </main>