diff --git a/src/components/BalanceDisplay/BalanceDisplay.tsx b/src/components/BalanceDisplay/BalanceDisplay.tsx
index 413c165..3a5d305 100644
--- a/src/components/BalanceDisplay/BalanceDisplay.tsx
+++ b/src/components/BalanceDisplay/BalanceDisplay.tsx
@@ -35,7 +35,7 @@ export const BalanceDisplay: React.FC<BalanceDisplayProps> = ({
         >
           <a
             href={loginUrl}
-            className="px-4 py-2 font-bold text-white bg-color-solid-glacier-700 rounded-3xl hover:bg-color-solid-glacier-600"
+            className="px-5 py-2 font-semibold bg-color-solid-glacier-700 rounded-3xl hover:bg-color-solid-glacier-600"
           >
             Log in
           </a>
@@ -51,13 +51,13 @@ export const BalanceDisplay: React.FC<BalanceDisplayProps> = ({
       } ${className}`}
     >
       <div className="flex flex-col">
-        <span className="text-sm font-medium text-color-solid-glacier-700">Real</span>
-        <span className="text-sm font-medium ">
+        <span className="text-sm font-semibold text-color-solid-glacier-700">Real</span>
+        <span className="text-sm font-semibold ">
           {balance} {currency}
         </span>
       </div>
       <button
-        className="px-5 py-2 font-medium rounded-3xl bg-color-solid-glacier-700 hover:bg-color-solid-glacier-600"
+        className="px-5 py-2 font-semibold rounded-3xl bg-color-solid-glacier-700 hover:bg-color-solid-glacier-600"
         onClick={onDeposit}
       >
         {depositLabel}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 2480643..e048052 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -10,6 +10,8 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: "bg-color-solid-glacier-700 text-white hover:bg-color-solid-glacier-600",
+        primary:
+          "bg-primary text-primary-foreground hover:bg-primary/90",
         destructive:
           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline:
diff --git a/src/components/ui/primary-button.tsx b/src/components/ui/primary-button.tsx
index df49090..012f100 100644
--- a/src/components/ui/primary-button.tsx
+++ b/src/components/ui/primary-button.tsx
@@ -12,7 +12,7 @@ export const PrimaryButton = React.forwardRef<HTMLButtonElement, PrimaryButtonPr
     return (
       <Button
         ref={ref}
-        variant="default"
+        variant="primary"
         className={cn(
           "w-full py-6 text-base font-semibold rounded-lg",
           className