realing stopped sign on planet

src/app/components/MainGrid.tsx

@@ -22,6 +22,7 @@ declare module "@mui/material/styles" {
       smallText: string;
       cardImageSize: number;
       cardMinHeight: number;
+      stoppedPosition: number;
     };
   }
   interface ThemeOptions {
@@ -30,6 +31,7 @@ declare module "@mui/material/styles" {
       smallText?: string;
       cardImageSize?: number;
       cardMinHeight?: number;
+      stoppedPosition?: number;
     };
   }
 }
@@ -54,6 +56,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
         smallText: compactMode ? "0.6rem" : "0.8rem",
         cardImageSize: compactMode ? 80 : 120,
         cardMinHeight: compactMode ? 100 : 170,
+        stoppedPosition: compactMode ? 32 : 48,
       },
     })
   );
@@ -69,6 +72,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
           smallText: compactMode ? "0.6rem" : "0.8rem",
           cardImageSize: compactMode ? 80 : 120,
           cardMinHeight: compactMode ? 100 : 170,
+          stoppedPosition: compactMode ? 32 : 48,
         },
       })
     );

src/app/components/PlanetaryInteraction/PlanetCard.tsx

@@ -187,11 +187,11 @@ export const PlanetCard = ({
         return dateExtractor < dateNow;
       }) && (
         <Image
-          width={64}
-          height={64}
+          width={32}
+          height={32}
           src={`/stopped.png`}
           alt=""
-          style={{ position: "absolute" }}
+          style={{ position: "absolute", top: theme.custom.stoppedPosition }}
         />
       )}
       <div style={{ position: "absolute", top: 5, left: 10 }}>