diff --git a/contract-deployer/src/components/NearWalletSelector.tsx b/contract-deployer/src/components/NearWalletSelector.tsx
index 0571bcf0..97ef8402 100644
--- a/contract-deployer/src/components/NearWalletSelector.tsx
+++ b/contract-deployer/src/components/NearWalletSelector.tsx
@@ -1,7 +1,7 @@
-"use client"
+"use client";
 
 import { useMbWallet } from "@mintbase-js/react";
-import { Button } from "@/components/ui/button"
+import { Button } from "@/components/ui/button";
 
 export const NearWalletConnector = () => {
   const { connect, disconnect, activeAccountId, isConnected } = useMbWallet();
@@ -11,8 +11,8 @@ export const NearWalletConnector = () => {
   }
 
   return (
-    <div className="fixed  flex w-[350] h-[200] justify-center items-center right-5 bottom-5">
-      <p className="pt-5"> You are connected as <b>{activeAccountId}</b></p>
+    <div className="fixed flex flex-wrap w-[350] h-[200] justify-center items-center right-5 bottom-5">
+      <b className="pt-5 truncate">{activeAccountId}</b>
       <div className="flex justify-center items-center mt-4 ml-4">
         <Button onClick={disconnect}> Disconnect</Button>
       </div>