===================================================================
--- original.js
+++ change.js
@@ -67,40 +67,8 @@
 		}
 	};
 	return self;
 });
-var DialogButton = Container.expand(function () {
-	var self = Container.call(this);
-	var buttonGraphics = self.attachAsset('button', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	var buttonText = new Text2('Show Dialog', {
-		size: 50,
-		fill: 0xFFFFFF
-	});
-	buttonText.anchor.set(0.5, 0.5);
-	buttonText.x = buttonGraphics.width / 2;
-	buttonText.y = buttonGraphics.height / 2;
-	self.addChild(buttonText);
-	self.down = function (x, y, obj) {
-		showDialog();
-	};
-	function showDialog() {
-		var dialog = new Text2('You are in a solar system!', {
-			size: 100,
-			fill: 0xFFFFFF
-		});
-		dialog.anchor.set(0.5, 0.5);
-		dialog.x = 1024;
-		dialog.y = 1366;
-		foregroundContainer.addChild(dialog);
-		LK.setTimeout(function () {
-			foregroundContainer.removeChild(dialog);
-		}, 2000);
-	}
-	return self;
-});
 var ForegroundContainer = Container.expand(function () {
 	var self = Container.call(this);
 	return self;
 });
@@ -132,8 +100,42 @@
 	y: 0
 }; // Define initialSolarSystem with default coordinates
 var punterPreviousSystem = 0; // Variable to store the planet number where the router is located
 var visitedSolarSystems = [];
+// Create a button that will appear when in a solar system
+var solarSystemButton = LK.getAsset('button', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 1024,
+	y: 2500,
+	// Position at the bottom of the screen
+	alpha: 0 // Initially hidden
+});
+foregroundContainer.addChild(solarSystemButton);
+// Add text to the button
+var buttonText = new Text2('Interact', {
+	size: 50,
+	fill: 0xFFFFFF
+});
+buttonText.anchor.set(0.5, 0.5);
+buttonText.x = solarSystemButton.x;
+buttonText.y = solarSystemButton.y;
+foregroundContainer.addChild(buttonText);
+// Function to show the button
+function showButton() {
+	solarSystemButton.alpha = 1;
+	buttonText.alpha = 1;
+}
+// Function to hide the button
+function hideButton() {
+	solarSystemButton.alpha = 0;
+	buttonText.alpha = 0;
+}
+// Add interaction to the button
+solarSystemButton.down = function (x, y, touchedObj) {
+	// Show a dialog or perform an action
+	console.log("Button pressed! Show dialog or perform action.");
+};
 // Removed global connectVisitedSolarSystems function and use BackgroundContainer's method
 var backgroundContainer = game.addChild(new BackgroundContainer());
 var midgroundContainer = game.addChild(new MidgroundContainer());
 var foregroundContainer = game.addChild(new ForegroundContainer());
@@ -149,15 +151,9 @@
 		spaceShip.y = area.y;
 		// Check for collision between areaPunter and each solarSystem
 		network.forEach(function (solarSystem) {
 			if (spaceShip.intersects(solarSystem)) {
-				if (!solarSystem.buttonAdded) {
-					var button = new DialogButton();
-					button.x = solarSystem.x;
-					button.y = solarSystem.y + solarSystem.height / 2 + 50;
-					foregroundContainer.addChild(button);
-					solarSystem.buttonAdded = true;
-				}
+				showButton(); // Show the button when in a solar system
 				punterPreviousSystem = solarSystemList.find(function (system) {
 					return system.solarSystem === solarSystem;
 				}).id; // Update punterSystem with the ID
 				// Change the sprite to visitedSolarSystem
@@ -185,8 +181,10 @@
 				});
 				solarSystem.visited = true; // Mark as visited
 				visitedSolarSystems.push(solarSystem); // Add to visited list
 				backgroundContainer.connectVisitedSolarSystems(); // Connect visited solar systems by area
+			} else {
+				hideButton(); // Hide the button when not in a solar system
 			}
 		});
 	};
 	network.forEach(function (solarSystem) {