From bae6e3403569f0bdaaf839580938607c4251debc Mon Sep 17 00:00:00 2001
From: rzmk <mueez25@gmail.com>
Date: Fri, 24 Dec 2021 22:28:33 -0500
Subject: [PATCH] Map width to number and remove Map.css

---
 src/components/Map.css | 3 ---
 src/components/Map.js  | 3 +--
 2 files changed, 1 insertion(+), 5 deletions(-)
 delete mode 100644 src/components/Map.css

diff --git a/src/components/Map.css b/src/components/Map.css
deleted file mode 100644
index 72f0752..0000000
--- a/src/components/Map.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.satellite {
-	margin-right: 2rem;
-}
diff --git a/src/components/Map.js b/src/components/Map.js
index 089a118..ad2986a 100644
--- a/src/components/Map.js
+++ b/src/components/Map.js
@@ -8,7 +8,6 @@ import {
 	Marker,
 	Sphere,
 } from "react-simple-maps";
-import "./Map.css";
 
 const geoUrl =
 	"https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json";
@@ -19,7 +18,7 @@ const Map = ({ latitude, longitude }) => {
 	const newLat = String(Number(latitude) + 5);
 
 	return (
-		<ComposableMap projection="geoEqualEarth" width="2400">
+		<ComposableMap projection="geoEqualEarth" width={2400}>
 			<Graticule stroke="rgba(255, 255, 255, 0.5)" />
 			<Sphere stroke="#FF5533" strokeWidth={2} />
 			<Geographies geography={geoUrl}>