diff --git a/App.tsx b/App.tsx
index 1404a47..195fb79 100644
--- a/App.tsx
+++ b/App.tsx
@@ -52,8 +52,9 @@ const linking: LinkingOptions<TabParamList> = {
 
 export default function App() {
   const [fontsLoaded] = useFonts({
-    "JetBrainsMono-Regular": require("./assets/fonts/JetBrainsMono-Regular.ttf"),
-    "JetBrainsMono-Bold": require("./assets/fonts/JetBrainsMono-Bold.ttf"),
+    'JetBrainsMono-Regular': require('./assets/fonts/JetBrainsMono-Regular.ttf'),
+    'JetBrainsMono-Bold': require('./assets/fonts/JetBrainsMono-Bold.ttf'),
+    'Consolas-Bold': require('./assets/fonts/CONSOLAB.ttf'),
   });
 
   const [isLoading, setIsLoading] = useState(true);
diff --git a/assets/fonts/CONSOLAB.ttf b/assets/fonts/CONSOLAB.ttf
new file mode 100644
index 0000000..ef6d555
Binary files /dev/null and b/assets/fonts/CONSOLAB.ttf differ
diff --git a/package-lock.json b/package-lock.json
index 61f56c4..53f2ea3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18792,4 +18792,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 8651c8e..2dace04 100644
--- a/package.json
+++ b/package.json
@@ -81,4 +81,4 @@
     "typescript": "~5.3.3"
   },
   "private": true
-}
+}
\ No newline at end of file
diff --git a/src/components/PaymentCard.tsx b/src/components/PaymentCard.tsx
index 3311155..c0d669a 100644
--- a/src/components/PaymentCard.tsx
+++ b/src/components/PaymentCard.tsx
@@ -35,13 +35,14 @@ export default function PaymentCard({
   details,
   onCardLoad,
   ...props
-}: ViewProps & { 
-  card: Card; 
-  details?: CardDetails; 
+}: ViewProps & {
+  card: Card;
+  details?: CardDetails;
   onCardLoad?: (cardId: string, dimensions: { width: number; height: number }) => void;
 }) {
   const { colors: themeColors, dark } = useTheme();
 
+
   const patternForMeasurements = Geopattern.generate(card.id, {
     scalePattern: 1.1,
     grayscale: card.status != "active",
@@ -71,7 +72,7 @@ export default function PaymentCard({
   if ((card as GrantCard).amount_cents) {
     card.type = "virtual";
   }
-  
+
 
   useEffect(() => {
     if (onCardLoad) {
@@ -119,7 +120,7 @@ export default function PaymentCard({
             height: (width * 0.86) / 1.5,
           }}
         >
-          { Constants.platform?.android ? (
+          {Constants.platform?.android ? (
             <SvgXml xml={patternForMeasurements} width={svgWidth} height={svgHeight} />
           ) : (
             <SvgUri uri={pattern} width={svgWidth} height={svgHeight} />
@@ -145,7 +146,7 @@ export default function PaymentCard({
           color: "white",
           fontSize: 18,
           marginBottom: 4,
-          fontFamily: "JetBrainsMono-Regular",
+          fontFamily: "Consolas-Bold",
         }}
       >
         {details && isAppInBackground === "active"
@@ -156,8 +157,8 @@ export default function PaymentCard({
         <View>
           <Text
             style={{
-              color: "white",
-              fontFamily: "JetBrainsMono-Bold",
+              color: 'white',
+              fontFamily: "Consolas-Bold",
               fontSize: 18,
               width: 180,
               textTransform: "uppercase",
@@ -173,12 +174,13 @@ export default function PaymentCard({
             style={{
               color: "white",
               fontSize: 14,
-              fontFamily: "JetBrainsMono-Regular",
+              fontFamily: "Consolas-Bold",
+              fontWeight: 700,
               textTransform: "uppercase",
               backgroundColor:
-              card.type == "virtual"
-                ? "rgba(255, 255, 255, 0.05)"
-                : "rgba(255, 255, 255, 0.08)",
+                card.type == "virtual"
+                  ? "rgba(255, 255, 255, 0.05)"
+                  : "rgba(255, 255, 255, 0.08)",
               borderRadius: 15,
               paddingHorizontal: 10,
               paddingVertical: 3,