From de786030364faf911f46277a125a04f00ee7d606 Mon Sep 17 00:00:00 2001
From: Gourav More <gourav_m@tekditechnologies.com>
Date: Sun, 25 Feb 2024 21:56:29 +0530
Subject: [PATCH] Issue #0000 fix: pointer for highlighted word

---
 src/pages/Story/Mario/Mario.css | 4 +++-
 src/pages/Story/Mario/Mario.js  | 2 +-
 src/pages/Story/Showcase.jsx    | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/Story/Mario/Mario.css b/src/pages/Story/Mario/Mario.css
index 680c3da..1e0afbe 100644
--- a/src/pages/Story/Mario/Mario.css
+++ b/src/pages/Story/Mario/Mario.css
@@ -1,8 +1,10 @@
 /* Container styles */
-.game-container {
+
+.mario-game-container {
     display: flex;
     flex-direction: column;
     align-items: center;
+    padding: 5% 5% 3% 5%;
   }
   
   /* Progress bar container */
diff --git a/src/pages/Story/Mario/Mario.js b/src/pages/Story/Mario/Mario.js
index 38636f3..30cd613 100644
--- a/src/pages/Story/Mario/Mario.js
+++ b/src/pages/Story/Mario/Mario.js
@@ -9,7 +9,7 @@ const Mario = ({dragonPosition, marioPosition, gameOver}) => {
   
 
   return (
-    <div className="game-container">
+    <div className="mario-game-container">
       <div className="progress-bar" style={progressStyle}>
         <div className="start-icon">📍</div>
         <div className="dragon-progress" style={{ left: `${dragonPosition}%` }}></div>
diff --git a/src/pages/Story/Showcase.jsx b/src/pages/Story/Showcase.jsx
index 21a6c33..39064d9 100644
--- a/src/pages/Story/Showcase.jsx
+++ b/src/pages/Story/Showcase.jsx
@@ -29,8 +29,8 @@ import Mario from './Mario/Mario';
 const jsConfetti = new JSConfetti();
 
 const Showcase = ({ forceRerender, setForceRerender }) => {
-  const [dragonPosition, setDragonPosition] = useState(100);
-  const [marioPosition, setMarioPosition] = useState(0);
+  const [dragonPosition, setDragonPosition] = useState(98);
+  const [marioPosition, setMarioPosition] = useState(-2);
   const [gameOver, setGameOver] = useState(false);
 
   const [posts, setPosts] = useState([]);