diff --git a/src/config/encounters.cairo b/src/config/encounters.cairo
index a8cbd829..1bda192e 100644
--- a/src/config/encounters.cairo
+++ b/src/config/encounters.cairo
@@ -116,7 +116,7 @@ impl EncounterSpawnerImpl of EncounterSpawnerTrait {
 
             let encounter = get!(world, (id), (EncounterConfig));
 
-            if rep >= encounter.min_rep && rep < encounter.max_rep {
+            if rep >= encounter.min_rep && rep <= encounter.max_rep {
                 encounters_ids.append(encounter.id);
             };
 
@@ -142,7 +142,7 @@ impl EncounterSpawnerImpl of EncounterSpawnerTrait {
         encounter.demand_pct = EncounterSpawnerImpl::get_random_demand_pct(ref game_store);
 
         // set scaling payout
-        encounter.payout = (encounter.level.into() * encounter.level.into() * 4_000) + (game_store.player.turn.into() * 1_000);
+        encounter.payout = (encounter.level.into() * encounter.level.into() * 3_000) + (game_store.player.turn.into() * 1_000);
 
         encounter
     }
diff --git a/src/packing/player.cairo b/src/packing/player.cairo
index 9b85f7f3..8d176c37 100644
--- a/src/packing/player.cairo
+++ b/src/packing/player.cairo
@@ -202,7 +202,7 @@ impl PlayerImpl of PlayerTrait {
         // level down
         if self.drug_level > drug_level {
             // check if not carrying drug to be disabled
-            if drugs.quantity > 0 && drugs.drug.into() > drug_level + 4 {
+            if drugs.quantity > 0 && drugs.drug.into() >= drug_level + 4 {
                 return;
             }
         }
diff --git a/src/systems/traveling.cairo b/src/systems/traveling.cairo
index f734ec7e..a54d971e 100644
--- a/src/systems/traveling.cairo
+++ b/src/systems/traveling.cairo
@@ -112,7 +112,7 @@ fn on_travel(ref game_store: GameStore, ref randomizer: Random) -> (bool, bool)
                 encounter_id: encounter.id,
                 demand_pct: encounter.demand_pct,
                 payout: encounter.payout,
-                }
+            }
         )));
 
         (game_store.player.is_dead(), true)
@@ -444,11 +444,11 @@ impl ResolutionImpl of ResolutionTrait {
     }
 
     fn encounter_attack(ref game_store: GameStore, ref encounter: EncounterConfig, ref randomizer: Random) -> AttackResult {
-        let encounter_attack = encounter.attack;
+        let encounter_attack = encounter.attack / 3;
         let hustler_defense = game_store.items.defense();
 
         let dmg_shield = encounter_attack.pct(hustler_defense.into());
-        let dmg_dealt = (encounter_attack - dmg_shield) / 3; // TODO: config ***
+        let dmg_dealt = encounter_attack - dmg_shield; // TODO: config ***
 
         // player lose HP
         game_store.player.health_loss(dmg_dealt);
@@ -462,11 +462,11 @@ impl ResolutionImpl of ResolutionTrait {
     }
 
     fn encounter_race_win(ref game_store: GameStore, ref encounter: EncounterConfig, ref randomizer: Random, ref drug_unpacked: DrugsUnpacked) -> EncounterRaceWinResult {
-        let encounter_attack = encounter.attack;
+        let encounter_attack = encounter.attack / 5;
         let hustler_defense = game_store.items.defense();
 
         let dmg_shield = encounter_attack.pct(hustler_defense.into());
-        let dmg_dealt = (encounter_attack - dmg_shield) / 5; // TODO: config ***
+        let dmg_dealt = encounter_attack - dmg_shield; // TODO: config ***
 
         // player lose HP
         game_store.player.health_loss(dmg_dealt);
diff --git a/web/src/components/icons/items/Reputation.tsx b/web/src/components/icons/items/Reputation.tsx
new file mode 100644
index 00000000..e08c87f6
--- /dev/null
+++ b/web/src/components/icons/items/Reputation.tsx
@@ -0,0 +1,12 @@
+import { Icon, IconProps } from "..";
+
+export const Reputation = (props: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" {...props}>
+      <path
+        d="M11 3V4H10V6H9V8H8V9H3V10H2V11H3V12H4V13H5V14H6V16H5V19H4V22H7V21H9V20H11V19H13V20H15V21H17V22H20V19H19V16H18V14H19V13H20V12H21V11H22V10H21V9H16V8H15V6H14V4H13V3H11Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
diff --git a/web/src/components/icons/items/Shoes2.tsx b/web/src/components/icons/items/Shoes2.tsx
new file mode 100644
index 00000000..cfc39648
--- /dev/null
+++ b/web/src/components/icons/items/Shoes2.tsx
@@ -0,0 +1,14 @@
+import { Icon, IconProps } from "..";
+
+export const Shoes2 = (props: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" {...props}>
+      <>
+        <path
+          d="M14.3684 5H19.1053V5.94737H15.3158V6.89474H19.1053V5.94737H20.0526V6.89474H21V14.4737H20.0526V15.4211H19.1053V16.3684H14.3684V17.3158H12.4737V18.2632H4.89474V17.3158H3.94737V16.3684H3V12.5789H3.94737V11.6316H6.78947V12.5789H7.73684V13.5263H8.68421V16.3684H9.63158V13.5263H8.68421V12.5789H7.73684V11.6316H6.78947V10.6842H8.68421V9.73684H11.5263V8.78947H12.4737V9.73684H13.4211V10.6842H14.3684V11.6316H16.2632V10.6842H14.3684V9.73684H13.4211V8.78947H12.4737V6.89474H13.4211V5.94737H14.3684V5Z"
+          fill="currentColor"
+        />
+      </>
+    </Icon>
+  );
+};
diff --git a/web/src/components/layout/MobileMenu.tsx b/web/src/components/layout/MobileMenu.tsx
index 7c963b2c..be5a2692 100644
--- a/web/src/components/layout/MobileMenu.tsx
+++ b/web/src/components/layout/MobileMenu.tsx
@@ -1,5 +1,4 @@
 import { useDojoContext, useRouterContext } from "@/dojo/hooks";
-import { Sounds, playSound } from "@/hooks/sound";
 import { Menu, MenuItem, Popover, PopoverBody, PopoverContent, PopoverTrigger, StyleProps } from "@chakra-ui/react";
 import { Cigarette, Dots, Home } from "../icons";
 import { ProfileLinkMobile } from "../pages/profile/Profile";
@@ -40,8 +39,7 @@ export const MobileMenu = ({ ...props }: StyleProps) => {
                   <MenuItem
                     h="48px"
                     onClick={() => {
-                      playSound(Sounds.Ooo);
-                      //uiStore.openQuitGame();
+                        uiStore.openRefreshGame();
                     }}
                   >
                     <Cigarette mr={2} /> IM LOST
diff --git a/web/src/components/layout/RefreshGameModal.tsx b/web/src/components/layout/RefreshGameModal.tsx
new file mode 100644
index 00000000..e22fee37
--- /dev/null
+++ b/web/src/components/layout/RefreshGameModal.tsx
@@ -0,0 +1,46 @@
+import { useDojoContext, useRouterContext } from "@/dojo/hooks";
+import {
+  Button,
+  HStack,
+  Modal,
+  ModalBody,
+  ModalContent,
+  ModalHeader,
+  ModalOverlay,
+  VStack
+} from "@chakra-ui/react";
+import { observer } from "mobx-react-lite";
+
+export const RefreshGameModal = observer(() => {
+  const { router, gameId } = useRouterContext();
+  const { uiStore } = useDojoContext();
+
+  return (
+    <Modal motionPreset="slideInBottom" isCentered isOpen={uiStore.modals.refreshGame !== undefined} onClose={() => {}}>
+      <ModalOverlay />
+      <ModalContent bg="bg.dark" maxW="360px">
+        <ModalHeader textAlign="center">Im lost</ModalHeader>
+        <ModalBody p={6}>
+          <VStack w="full" gap={6}>
+            <HStack w="full" justifyContent="center">
+              <Button
+                onClick={() => {
+                  uiStore.closeRefreshGame();
+
+                  if (gameId) {
+                    router.push(`/${gameId}`);
+                  } else {
+                    router.push("/");
+                  }
+                }}
+              >
+                REFRESH PLZ
+              </Button>
+              <Button onClick={() => uiStore.closeRefreshGame()}>CANCEL</Button>
+            </HStack>
+          </VStack>
+        </ModalBody>
+      </ModalContent>
+    </Modal>
+  );
+});
diff --git a/web/src/components/map/WantedMarkers.tsx b/web/src/components/map/WantedMarkers.tsx
index 79048ce8..04c50e87 100644
--- a/web/src/components/map/WantedMarkers.tsx
+++ b/web/src/components/map/WantedMarkers.tsx
@@ -1,5 +1,6 @@
 import { useConfigStore, useGameStore } from "@/dojo/hooks";
 import { Locations } from "@/dojo/types";
+import { IsMobile } from "@/utils/ui";
 import { Box } from "@chakra-ui/react";
 import { useEffect, useState } from "react";
 import { Alert } from "../icons";
@@ -8,9 +9,12 @@ import { coordinatePercent } from "./Map";
 export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; current?: Locations }) => {
   const { game } = useGameStore();
   const configStore = useConfigStore();
+  const { config } = configStore;
 
   const [wanted, setWanted] = useState<Map<number, number>>();
-  const minWanted = 69;
+  const minWanted = (config?.config.game_config.max_wanted_shopping * 100n) / 8n;
+
+  const isMobile = IsMobile();
 
   useEffect(() => {
     const locations = configStore.config?.location!;
@@ -33,6 +37,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Queens].x - 2}%`}
           top={`${coordinatePercent[Locations.Queens].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
       {/* Jersey */}
@@ -41,6 +47,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Jersey].x - 2}%`}
           top={`${coordinatePercent[Locations.Jersey].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
       {/* Bronx */}
@@ -49,6 +57,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Bronx].x - 2}%`}
           top={`${coordinatePercent[Locations.Bronx].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
       {/* Central */}
@@ -57,6 +67,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Central].x - 2}%`}
           top={`${coordinatePercent[Locations.Central].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
       {/* Coney */}
@@ -65,6 +77,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Coney].x - 2}%`}
           top={`${coordinatePercent[Locations.Coney].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
       {/* Brooklyn */}
@@ -73,6 +87,8 @@ export const WantedMarkers = ({ targetId, current }: { targetId?: Locations; cur
           position="absolute"
           left={`${coordinatePercent[Locations.Brooklyn].x - 2}%`}
           top={`${coordinatePercent[Locations.Brooklyn].y - 1}%`}
+          width={isMobile ? "20px" : "24px"}
+          height={isMobile ? "20px" : "24px"}
         />
       )}
     </Box>
diff --git a/web/src/components/pages/profile/HustlerProfile.tsx b/web/src/components/pages/profile/HustlerProfile.tsx
index f006303f..c220dd15 100644
--- a/web/src/components/pages/profile/HustlerProfile.tsx
+++ b/web/src/components/pages/profile/HustlerProfile.tsx
@@ -9,7 +9,7 @@ import { useEffect, useState } from "react";
 import ShareButton from "./ShareButton";
 
 export const HustlerProfile = observer(() => {
-  const { gameId} = useRouterContext()
+  const { gameId } = useRouterContext();
   const { game, gameInfos } = useGameStore();
   const configStore = useConfigStore();
   const [hustlerStats, setHustlerStats] = useState<any>();
@@ -90,7 +90,11 @@ export const HustlerProfile = observer(() => {
         </VStack>
       </HStack>
 
-      <HStack w="100%" maxW={["260px","360px"]}>
+      {/* <Card>
+        <HustlerStats />
+      </Card> */}
+
+      <HStack w="100%" maxW={["260px", "360px"]}>
         <Button
           variant="pixelated"
           w="full"
diff --git a/web/src/components/pages/profile/HustlerStats.tsx b/web/src/components/pages/profile/HustlerStats.tsx
new file mode 100644
index 00000000..fff047c3
--- /dev/null
+++ b/web/src/components/pages/profile/HustlerStats.tsx
@@ -0,0 +1,27 @@
+import { HealthIndicator } from "@/components/player";
+import { useGameStore } from "@/dojo/hooks";
+import { Divider, HStack, Text } from "@chakra-ui/react";
+import { observer } from "mobx-react-lite";
+
+export const HustlerStats = observer(() => {
+  const { game } = useGameStore();
+
+  if(!game) return null
+  return (
+    <HStack flexDirection="row" w="full" px="10px" py="6px" justifyContent="center">
+      <Text display="flex" flex="1">
+        {game?.items.attack.icon({})} {game?.items.attack.tier.stat}
+      </Text>
+      <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
+      <Text display="flex" flex="1">
+        {game?.items.defense.icon({})} {game?.items.defense.tier.stat}
+      </Text>
+      <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
+      <Text display="flex" flex="1">
+        {game?.items.speed.icon({})} {game?.items.speed.tier.stat}
+      </Text>
+      <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
+      <HealthIndicator health={game?.player.health} maxHealth={100} flex="1" />
+    </HStack>
+  );
+});
diff --git a/web/src/components/pages/profile/Loadout.tsx b/web/src/components/pages/profile/Loadout.tsx
index 7826a021..545e36af 100644
--- a/web/src/components/pages/profile/Loadout.tsx
+++ b/web/src/components/pages/profile/Loadout.tsx
@@ -12,15 +12,15 @@ export const Loadout = () => {
 
   return (
     <VStack w="full" gap={6}>
-      <Item item={game.items.attack} />
-      <Item item={game.items.defense} />
-      <Item item={game.items.speed} />
-      <Item item={game.items.transport} />
+      <Item item={game.items.attack} stat={game?.items.attack.tier.stat} />
+      <Item item={game.items.defense} stat={game?.items.defense.tier.stat} />
+      <Item item={game.items.speed} stat={game?.items.speed.tier.stat} />
+      <Item item={game.items.transport} stat={game?.items.transport.tier.stat} />
     </VStack>
   );
 };
 
-const Item = observer(({ item }: { item: HustlerItemConfigFull }) => {
+const Item = observer(({ item, stat }: { item: HustlerItemConfigFull; stat: number }) => {
   /// @ts-ignore
   const upgrades = itemUpgrades[item.slot][Number(item.base.id)];
   const isMobile = IsMobile();
@@ -41,7 +41,7 @@ const Item = observer(({ item }: { item: HustlerItemConfigFull }) => {
       <Flex w="50%" flexDirection={["column", "row"]} gap={[2, 9]}>
         {item.icon && item.icon({ boxSize: isMobile ? "36px" : "48px" })}
 
-        <VStack alignItems="flex-start" gap={0}>
+        <VStack alignItems="flex-start" gap={1}>
           <HStack
             w={["120px", "160px"]}
             fontSize="12px"
@@ -51,9 +51,11 @@ const Item = observer(({ item }: { item: HustlerItemConfigFull }) => {
             gap={0}
           >
             <Text>{slotName[item.slot as slotNameKeys]}</Text>
-            {!isMobile && <Text>{statName[item.slot as statNameKeys]}</Text>}
           </HStack>
           <Text>{item.base.name}</Text>
+          <Text color="neon.500" fontFamily="broken-console" fontSize="11px">
+            {stat} {statName[item.slot as statNameKeys]}
+          </Text>
         </VStack>
       </Flex>
 
diff --git a/web/src/components/player/Inventory.tsx b/web/src/components/player/Inventory.tsx
index 528d3a5d..5722c7ce 100644
--- a/web/src/components/player/Inventory.tsx
+++ b/web/src/components/player/Inventory.tsx
@@ -4,12 +4,13 @@ import { HustlerItemConfigFull } from "@/dojo/stores/config";
 import { Card, Divider, HStack, Progress, StyleProps, Text, VStack, keyframes } from "@chakra-ui/react";
 import { observer } from "mobx-react-lite";
 import { Tooltip } from "../common";
-import { Alert, Cigarette, PawnshopIcon } from "../icons";
+import { Alert, PawnshopIcon } from "../icons";
 
 import { Sounds, playSound } from "@/hooks/sound";
 import colors from "@/theme/colors";
 import { useAccount } from "@starknet-react/core";
 import { WeightIcon } from "../icons/Weigth";
+import { Reputation } from "../icons/items/Reputation";
 import { PowerMeter } from "./PowerMeter";
 
 const blinkAnim = keyframes`  
@@ -31,7 +32,7 @@ export const Inventory = observer(({ hidePawnshop = false, ...props }: StyleProp
       <HStack w="full" justifyContent="space-between">
         <VStack w="full" alignItems="flex-start" gap={[0, 1]}>
           <HStack color="neon.500" justify="center" alignItems="center">
-            <Cigarette />
+            <Reputation />
             <Text textStyle="subheading" fontSize={["9px", "11px"]} lineHeight={1}>
               REPUTATION
             </Text>
@@ -93,7 +94,7 @@ export const Inventory = observer(({ hidePawnshop = false, ...props }: StyleProp
       </HStack>
 
       {!hidePawnshop && (
-        <VStack w="full" alignItems="flex-start">
+        <VStack w="full" alignItems="flex-start" gap={[0, 1]}>
           <Text textStyle="subheading" fontSize={["9px", "11px"]} color="neon.500" h="24px" lineHeight="24px">
             PAWNSHOP
           </Text>
diff --git a/web/src/components/player/WantedIndicator.tsx b/web/src/components/player/WantedIndicator.tsx
index d004e859..f8ce9b37 100644
--- a/web/src/components/player/WantedIndicator.tsx
+++ b/web/src/components/player/WantedIndicator.tsx
@@ -1,4 +1,4 @@
-import { HStack, StyleProps, Text } from "@chakra-ui/react";
+import { Box, HStack, StyleProps, Text } from "@chakra-ui/react";
 import { Alert, Siren } from "../icons";
 
 import { Tooltip } from "../common";
@@ -30,8 +30,14 @@ export const WantedIndicator = ({
         animation={threatLevel === ThreatLevels.High ? `${blinkAnim} infinite 0.5s linear` : "none"}
         {...props}
       >
-        {threatLevel === ThreatLevels.High ? <Alert boxSize={21} /> : <Siren />}{" "}
-        <Text fontSize="11px" textStyle="subheading">
+        {threatLevel === ThreatLevels.High ? (
+          <Box boxSize="24px">
+            <Alert width="20px" height="20px" />
+          </Box>
+        ) : (
+          <Siren />
+        )}{" "}
+        <Text fontSize="11px" textStyle="subheading" lineHeight={1}>
           {threatLevel}
         </Text>
       </HStack>
diff --git a/web/src/dojo/helpers.ts b/web/src/dojo/helpers.ts
index ceee7887..49926785 100644
--- a/web/src/dojo/helpers.ts
+++ b/web/src/dojo/helpers.ts
@@ -39,6 +39,7 @@ import {
   Shoes
 } from "@/components/icons/items";
 import { Chain } from "@/components/icons/items/Chain";
+import { Shoes2 } from "@/components/icons/items/Shoes2";
 
 
 
@@ -182,7 +183,7 @@ export const itemIcons = {
   "Trench Coat": Leatherjacket,
   //
   "All-Black Sneakers": Shoes,
-  "Athletic Trainers": Shoes,
+  "Athletic Trainers": Shoes2,
   "Work Boots": Boots,
   //
   "Plastic bag": PlasticBag,
diff --git a/web/src/dojo/stores/ui.tsx b/web/src/dojo/stores/ui.tsx
index 94a1428b..df2adb7d 100644
--- a/web/src/dojo/stores/ui.tsx
+++ b/web/src/dojo/stores/ui.tsx
@@ -5,6 +5,7 @@ type Modals = {
   connect?: any;
   accountDetails?: any;
   quitGame?: any;
+  refreshGame?: any;
 };
 
 export class UiStore {
@@ -13,6 +14,7 @@ export class UiStore {
     connect: undefined,
     accountDetails: undefined,
     quitGame: undefined,
+    refreshGame: undefined,
   };
 
   constructor() {
@@ -30,6 +32,9 @@ export class UiStore {
       //
       openQuitGame: action,
       closeQuitGame: action,
+      //
+      openRefreshGame: action,
+      closeRefreshGame: action,
     });
   }
 
@@ -68,4 +73,14 @@ export class UiStore {
   closeQuitGame() {
     this.modals.quitGame = undefined;
   }
+
+  //
+
+  openRefreshGame() {
+    this.modals.refreshGame = {};
+  }
+  closeRefreshGame() {
+    this.modals.refreshGame = undefined;
+  }
+
 }
diff --git a/web/src/pages/[gameId]/event/consequence.tsx b/web/src/pages/[gameId]/event/consequence.tsx
index ad9f91af..51fbd572 100644
--- a/web/src/pages/[gameId]/event/consequence.tsx
+++ b/web/src/pages/[gameId]/event/consequence.tsx
@@ -1,5 +1,6 @@
 import { Button } from "@/components/common";
-import { Cigarette, Heart } from "@/components/icons";
+import { Heart } from "@/components/icons";
+import { Reputation } from "@/components/icons/items/Reputation";
 import { Footer, Layout } from "@/components/layout";
 import { TravelEncounterData, TravelEncounterResultData } from "@/dojo/events";
 import { getOutcomeInfo } from "@/dojo/helpers";
@@ -141,13 +142,13 @@ const Consequence = () => {
                 })}
 
                 {encounterResult.repPos > 0 && (
-                  <Line icon={<Cigarette />} text={<Text color="neon.400">REP +{encounterResult.repPos}</Text>} />
+                  <Line icon={<Reputation />} text={<Text color="neon.400"> +{encounterResult.repPos} REP</Text>} />
                 )}
 
                 {encounterResult.repNeg > 0 && (
                   <Line
-                    icon={<Cigarette color="yellow.400" />}
-                    text={<Text color="yellow.400">REP -{encounterResult.repNeg}</Text>}
+                    icon={<Reputation color="yellow.400" />}
+                    text={<Text color="yellow.400"> -{encounterResult.repNeg} REP</Text>}
                   />
                 )}
               </VStack>
diff --git a/web/src/pages/[gameId]/event/decision.tsx b/web/src/pages/[gameId]/event/decision.tsx
index bb9f9e26..a5872817 100644
--- a/web/src/pages/[gameId]/event/decision.tsx
+++ b/web/src/pages/[gameId]/event/decision.tsx
@@ -3,6 +3,7 @@ import { HustlerIcon, Hustlers } from "@/components/hustlers";
 import { CopsIcon, GangIcon } from "@/components/icons";
 import { Kevlar, Knife, Shoes } from "@/components/icons/items";
 import { Footer, Layout } from "@/components/layout";
+import { HustlerStats } from "@/components/pages/profile/HustlerStats";
 import { CashIndicator, HealthIndicator } from "@/components/player";
 import { ChildrenOrConnect } from "@/components/wallet";
 import { GameClass } from "@/dojo/class/Game";
@@ -364,21 +365,8 @@ const Encounter = observer(
 
               <Divider w="full" orientation="horizontal" borderWidth="1px" borderColor="neon.600" />
 
-              <HStack w="full" px="10px" py="6px" justifyContent="center">
-                <Text flex="1">
-                  {game?.items.attack.icon({})} {game?.items.attack.tier.stat}
-                </Text>
-                <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
-                <Text flex="1">
-                  {game?.items.defense.icon({})} {game?.items.defense.tier.stat}
-                </Text>
-                <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
-                <Text flex="1">
-                  {game?.items.speed.icon({})} {game?.items.speed.tier.stat}
-                </Text>
-                <Divider h="26px" orientation="vertical" borderWidth="1px" borderColor="neon.600" />
-                <HealthIndicator health={game?.player.health} maxHealth={100} flex="1" />
-              </HStack>
+              <HustlerStats />
+
             </Card>
           </VStack>
         </VStack>
diff --git a/web/src/pages/[gameId]/travel.tsx b/web/src/pages/[gameId]/travel.tsx
index b4317611..1f4af02d 100644
--- a/web/src/pages/[gameId]/travel.tsx
+++ b/web/src/pages/[gameId]/travel.tsx
@@ -9,7 +9,7 @@ import { useConfigStore, useRouterContext, useSystems } from "@/dojo/hooks";
 import { useGameStore } from "@/dojo/hooks/useGameStore";
 import { useToast } from "@/hooks/toast";
 import colors from "@/theme/colors";
-import { formatCash, generatePixelBorderPath } from "@/utils/ui";
+import { IsMobile, formatCash, generatePixelBorderPath } from "@/utils/ui";
 import { Box, Card, Grid, GridItem, HStack, Text, VStack, useDisclosure, useEventListener } from "@chakra-ui/react";
 import { useAccount } from "@starknet-react/core";
 import { observer } from "mobx-react-lite";
@@ -35,6 +35,7 @@ const Travel = observer(() => {
   const { game, gameEvents } = useGameStore();
   const configStore = useConfigStore();
   const { config } = configStore;
+  const isMobile = IsMobile();
 
   const locationName = useMemo(() => {
     if (targetLocation) {
@@ -193,7 +194,7 @@ const Travel = observer(() => {
               <WantedIndicator
                 wantedTick={game.wanted.getWantedTick(configStore.getLocation(targetLocation).location_id)}
                 highLimit={config?.config.game_config.max_wanted_shopping}
-            />
+              />
             )}
           </HStack>
           <LocationSelectBar name={locationName} onNext={onNext} onBack={onBack} />
@@ -205,7 +206,7 @@ const Travel = observer(() => {
         display={["flex", "none"]}
         w="full"
         h="auto"
-        p="60px 16px 86px 16px"
+        p="30px 16px 86px 16px"
         position="fixed"
         bottom="0"
         right="0"
@@ -216,7 +217,17 @@ const Travel = observer(() => {
         gap="14px"
         overflow={"visible"}
       >
+        {/* {isMobile && targetLocation && (
+          <Box position="absolute" right="145px" top="64px">
+            <WantedIndicator
+              wantedTick={game.wanted.getWantedTick(configStore.getLocation(targetLocation).location_id)}
+              highLimit={config?.config.game_config.max_wanted_shopping}
+            />
+          </Box>
+        )} */}
+
         <Inventory hidePawnshop />
+
         <LocationSelectBar name={locationName} onNext={onNext} onBack={onBack} />
         <LocationPrices
           prices={prices}
diff --git a/web/src/pages/_app.tsx b/web/src/pages/_app.tsx
index 4f7dc289..653bf953 100644
--- a/web/src/pages/_app.tsx
+++ b/web/src/pages/_app.tsx
@@ -17,6 +17,7 @@ import theme from "../theme";
 // should avoid mobx memory leaks / GC issue..
 import { LoadingModal } from "@/components/layout/LoadingModal";
 import { QuitGameModal } from "@/components/layout/QuitGameModal";
+import { RefreshGameModal } from "@/components/layout/RefreshGameModal";
 import { enableStaticRendering } from "mobx-react-lite";
 enableStaticRendering(typeof window === "undefined");
 
@@ -58,6 +59,7 @@ export default function App({ Component, pageProps }: AppProps) {
           <ConnectModal />
           <AccountDetailsModal />
           <QuitGameModal />
+          <RefreshGameModal />
 
         </DojoContextProvider>
       </ChakraProvider>
diff --git a/web/src/theme/components/tabs.tsx b/web/src/theme/components/tabs.tsx
index 163355b3..96259419 100644
--- a/web/src/theme/components/tabs.tsx
+++ b/web/src/theme/components/tabs.tsx
@@ -7,18 +7,16 @@ const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpe
 const baseStyle = definePartsStyle({
   root: {},
   tab: {
-    color: "neon.200",
+    color: "neon.300",
     ...cardPixelatedStyle({ radius: 2 }),
-    bg: "neon.700",
-    borderColor: "neon.700",
-
+    bg: "transparent",
     textTransform: "uppercase",
+    borderBottom: "solid 2px",
+    borderColor: "neon.700",
 
     _selected: {
-      color: "neon.300",
-      ...cardPixelatedStyle({ radius: 6, pixelSize: 1 }),
-      bg: "transparent",
-      border: "0",
+      color: "neon.200",
+      bg: "neon.700",
       borderColor: "neon.700",
     },
   },