diff --git a/frontend/src/components/starmap/index.tsx b/frontend/src/components/starmap/index.tsx
index f7f8da9..3fb7e85 100644
--- a/frontend/src/components/starmap/index.tsx
+++ b/frontend/src/components/starmap/index.tsx
@@ -2,7 +2,13 @@ import { useState } from 'react';
 import { allPlanets, PlanetProps } from 'fakeData/planets';
 import styles from './StarMap.module.scss';
 
-const StarMap = ({ planet, setPlanet }: { planet: string, setPlanet: (planet: PlanetProps) => void }) => {
+const StarMap = ({
+  planet,
+  setPlanet
+}: {
+  planet: string,
+  setPlanet?: (planet: PlanetProps) => void
+}) => {
   const [hoveredPlanet, setHoveredPlanet] = useState<string | null>(null);
 
   const handlePlanetClick = (planetNumber: number) => {
diff --git a/frontend/src/pages/nft-view/NFTViewMobile.tsx b/frontend/src/pages/nft-view/NFTViewMobile.tsx
index d4eac98..699d87d 100644
--- a/frontend/src/pages/nft-view/NFTViewMobile.tsx
+++ b/frontend/src/pages/nft-view/NFTViewMobile.tsx
@@ -4,7 +4,6 @@ import styles from './NFTViewMobile.module.scss';
 interface NFTViewProps {
   nft: {
     id: number;
-    background_color: string;
     image: string;
     biome: string;
     character: string;
@@ -61,7 +60,7 @@ export const NFTViewMobile = ({ nft }: NFTViewProps) => {
           </div>
 
           <div className={styles.star__map}>
-            <StarMap planet={"fire"} />
+            <StarMap planet={nft.biome} />
           </div>
         </div>