diff --git a/frontend/components/AccountPanel.tsx b/frontend/components/AccountPanel.tsx
index d997250..0cde525 100644
--- a/frontend/components/AccountPanel.tsx
+++ b/frontend/components/AccountPanel.tsx
@@ -97,9 +97,9 @@ export function AccountPanel() {
     return (
       <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
         <DialogTrigger asChild>
-          <Button variant="gradient" disabled={isLoading}>
-            <User className="w-4 h-4 mr-2" />
-            Connect Wallet
+          <Button variant="gradient" disabled={isLoading} className="px-3 md:px-4">
+            <User className="w-4 h-4 md:mr-2" />
+            <span className="hidden md:inline">Connect Wallet</span>
           </Button>
         </DialogTrigger>
         <DialogContent className="brand-card border-2">
@@ -226,11 +226,10 @@ export function AccountPanel() {
             <p className="text-sm text-muted-foreground">Network Status</p>
             <div className="flex items-center gap-2">
               <div
-                className={`w-2 h-2 rounded-full ${
-                  isOnCorrectNetwork
+                className={`w-2 h-2 rounded-full ${isOnCorrectNetwork
                     ? "bg-green-500"
                     : "bg-yellow-500 animate-pulse"
-                }`}
+                  }`}
               />
               <span className="text-sm">
                 {isOnCorrectNetwork
diff --git a/frontend/components/CreateBetModal.tsx b/frontend/components/CreateBetModal.tsx
index dd7e337..3a82b6f 100644
--- a/frontend/components/CreateBetModal.tsx
+++ b/frontend/components/CreateBetModal.tsx
@@ -109,9 +109,9 @@ export function CreateBetModal() {
   return (
     <Dialog open={isOpen} onOpenChange={handleOpenChange}>
       <DialogTrigger asChild>
-        <Button variant="gradient" disabled={!isConnected || !address || isLoading}>
-          <Plus className="w-4 h-4 mr-2" />
-          Create Bet
+        <Button variant="gradient" disabled={!isConnected || !address || isLoading} className="px-3 md:px-4">
+          <Plus className="w-4 h-4 md:mr-2" />
+          <span className="hidden md:inline">Create Bet</span>
         </Button>
       </DialogTrigger>
       <DialogContent className="brand-card border-2 sm:max-w-[500px]">
@@ -197,11 +197,10 @@ export function CreateBetModal() {
                   setErrors({ ...errors, predictedWinner: "" });
                 }}
                 disabled={!team1.trim()}
-                className={`p-4 rounded-lg border-2 transition-all ${
-                  predictedWinner === "1"
+                className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "1"
                     ? "border-accent bg-accent/20 text-accent"
                     : "border-white/10 hover:border-white/20"
-                } ${!team1.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
+                  } ${!team1.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
               >
                 <div className="font-semibold text-sm">{team1 || "Team 1"}</div>
                 <div className="text-xs text-muted-foreground mt-1">Wins</div>
@@ -213,11 +212,10 @@ export function CreateBetModal() {
                   setErrors({ ...errors, predictedWinner: "" });
                 }}
                 disabled={!team1.trim() || !team2.trim()}
-                className={`p-4 rounded-lg border-2 transition-all ${
-                  predictedWinner === "0"
+                className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "0"
                     ? "border-yellow-500 bg-yellow-500/20 text-yellow-400"
                     : "border-white/10 hover:border-white/20"
-                } ${!team1.trim() || !team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
+                  } ${!team1.trim() || !team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
               >
                 <div className="font-semibold text-sm">Draw</div>
                 <div className="text-xs text-muted-foreground mt-1">Tie</div>
@@ -229,11 +227,10 @@ export function CreateBetModal() {
                   setErrors({ ...errors, predictedWinner: "" });
                 }}
                 disabled={!team2.trim()}
-                className={`p-4 rounded-lg border-2 transition-all ${
-                  predictedWinner === "2"
+                className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "2"
                     ? "border-accent bg-accent/20 text-accent"
                     : "border-white/10 hover:border-white/20"
-                } ${!team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
+                  } ${!team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
               >
                 <div className="font-semibold text-sm">{team2 || "Team 2"}</div>
                 <div className="text-xs text-muted-foreground mt-1">Wins</div>
diff --git a/frontend/components/Navbar.tsx b/frontend/components/Navbar.tsx
index 78cb674..ec02f01 100644
--- a/frontend/components/Navbar.tsx
+++ b/frontend/components/Navbar.tsx
@@ -85,11 +85,9 @@ export function Navbar() {
               style={{ height: `${headerHeight}px` }}
             >
               {/* Left: Logo */}
-              <div className="flex items-center gap-3">
-                {/* Show mark only on mobile, full logo on desktop */}
-                <LogoMark size="md" className="flex md:hidden" />
-                <Logo size="md" className="hidden md:flex" />
-                <span className="text-lg md:text-xl font-bold ml-2">Football Market</span>
+              <div className="flex items-center gap-2 md:gap-3">
+                {/* Show full logo on all screen sizes */}
+                <Logo size="md" className="flex" />
               </div>
 
               {/* Center: Stats */}