fix

app.py

@@ -250,6 +250,7 @@ with gr.Blocks() as demo:
             <div id="container">
                 <canvas id="before" style="width: 100%; height: auto;"></canvas><img id="canvas-before" style="display:none;"/>
             </div>
+            <br>
             <div id="container">
                 <canvas id="after" style="width: 100%; height: auto;"></canvas><img id="canvas-after" style="display:none;"/>
             </div>

js/interactive_grid.js

@@ -83,7 +83,7 @@ function drawGridBefore() {
             ctx_bef.beginPath();
             ctx_bef.rect(col * cellSize, row * cellSize, cellSize, cellSize);
             ctx_bef.strokeStyle = 'black';
-            ctx_bef.lineWidth = 2;
+            ctx_bef.lineWidth = 1;
             ctx_bef.stroke();
 
             if (grid_bef[row][col]) {
@@ -104,7 +104,7 @@ function drawGridAfter() {
             ctx_aft.beginPath();
             ctx_aft.rect(col * cellSize, row * cellSize, cellSize, cellSize);
             ctx_aft.strokeStyle = 'black';
-            ctx_aft.lineWidth = 2;
+            ctx_aft.lineWidth = 1;
             ctx_aft.stroke();
 
             if (grid_aft[row][col]) {