diff --git a/frontend/src/app/home/Mint/index.tsx b/frontend/src/app/home/Mint/index.tsx
index 3a3dfe64..6d6f426d 100644
--- a/frontend/src/app/home/Mint/index.tsx
+++ b/frontend/src/app/home/Mint/index.tsx
@@ -2,14 +2,14 @@ import { useState } from "react";
 import { useWallet } from "@aptos-labs/wallet-adapter-react";
 import { PetImage, bodies, ears, faces } from "../Pet/Image";
 import { Pet } from "../Pet";
-import { ShuffleButton } from "../../../components/ShuffleButton";
+import { ShuffleButton } from "@/components/ShuffleButton";
 import {
   NEXT_PUBLIC_BODY_OPTIONS,
   NEXT_PUBLIC_CONTRACT_ADDRESS,
   NEXT_PUBLIC_EAR_OPTIONS,
   NEXT_PUBLIC_FACE_OPTIONS,
-} from "../../../utils/env";
-import { getAptosClient } from "../../../utils/aptosClient";
+} from "@/utils/env";
+import { getAptosClient } from "@/utils/aptosClient";
 
 const aptosClient = getAptosClient();
 
diff --git a/frontend/src/app/home/NotConnected.tsx b/frontend/src/app/home/NotConnected.tsx
index a7aa40eb..7a909488 100644
--- a/frontend/src/app/home/NotConnected.tsx
+++ b/frontend/src/app/home/NotConnected.tsx
@@ -1,15 +1,15 @@
 "use client";
 
 import React, { useState } from "react";
-import { useTypingEffect } from "../../utils/useTypingEffect";
+import { useTypingEffect } from "@/utils/useTypingEffect";
 import { Pet } from "./Pet";
 import { PetImage, bodies, ears, faces } from "./Pet/Image";
-import { ShuffleButton } from "../../components/ShuffleButton";
+import { ShuffleButton } from "@/components/ShuffleButton";
 import {
   NEXT_PUBLIC_BODY_OPTIONS,
   NEXT_PUBLIC_EAR_OPTIONS,
   NEXT_PUBLIC_FACE_OPTIONS,
-} from "../../utils/env";
+} from "@/utils/env";
 
 const defaultPet: Pet = {
   name: "Unknown",
diff --git a/frontend/src/app/home/Pet/Actions.tsx b/frontend/src/app/home/Pet/Actions.tsx
index 006cbfc0..8699e62d 100644
--- a/frontend/src/app/home/Pet/Actions.tsx
+++ b/frontend/src/app/home/Pet/Actions.tsx
@@ -3,8 +3,13 @@
 import { Dispatch, SetStateAction, useState } from "react";
 import { useWallet } from "@aptos-labs/wallet-adapter-react";
 import { Pet } from ".";
-import { getAptosClient } from "../../../utils/aptosClient";
-import { NEXT_PUBLIC_CONTRACT_ADDRESS, NEXT_PUBLIC_ENERGY_CAP, NEXT_PUBLIC_ENERGY_DECREASE, NEXT_PUBLIC_ENERGY_INCREASE } from "../../../utils/env";
+import { getAptosClient } from "@/utils/aptosClient";
+import {
+  NEXT_PUBLIC_CONTRACT_ADDRESS,
+  NEXT_PUBLIC_ENERGY_CAP,
+  NEXT_PUBLIC_ENERGY_DECREASE,
+  NEXT_PUBLIC_ENERGY_INCREASE,
+} from "@/utils/env";
 
 const aptosClient = getAptosClient();
 
@@ -91,9 +96,7 @@ export function Actions({
 
       setPet((pet) => {
         if (!pet) return pet;
-        if (
-          pet.energy_points <= Number(NEXT_PUBLIC_ENERGY_DECREASE)
-        )
+        if (pet.energy_points <= Number(NEXT_PUBLIC_ENERGY_DECREASE))
           return pet;
 
         return {