From d1cd9fe3230916b0192c98ca03093a218ff3a691 Mon Sep 17 00:00:00 2001
From: Andrey Cheptsov <andrey.cheptsov@github.com>
Date: Tue, 3 Nov 2026 11:14:41 +0100
Subject: [PATCH 1/2] Show per-GPU prices on grouped offer cards

---
 frontend/src/pages/Offers/List/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Offers/List/index.tsx b/frontend/src/pages/Offers/List/index.tsx
index aebc2ac66..84ff01deb 100644
--- a/frontend/src/pages/Offers/List/index.tsx
+++ b/frontend/src/pages/Offers/List/index.tsx
@@ -227,10 +227,7 @@ export const OfferList: React.FC<OfferListProps> = ({
     });
 
     const gpus = useMemo(
-        () =>
-            gpuEnabled
-                ? (groupedQuery.currentData?.gpus ?? []).map((gpu) => ({ ...gpu, price: gpu.offer_price ?? gpu.price }))
-                : (groupedQuery.currentData?.cpus ?? []).map(toCpuCard),
+        () => (gpuEnabled ? (groupedQuery.currentData?.gpus ?? []) : (groupedQuery.currentData?.cpus ?? []).map(toCpuCard)),
         [groupedQuery.currentData, gpuEnabled],
     );
 
@@ -304,7 +301,10 @@ export const OfferList: React.FC<OfferListProps> = ({
                                 : round(convertMiBToGB(gpu.memory_mib))}
                             GB <span className={styles.greyText}>{gpu.cpu ? 'RAM' : 'VRAM'}</span>
                         </div>
-                        <span className={styles.greenText}>${renderRangeJSX(gpu.price) ?? '-'}</span>
+                        <div>
+                            <span className={styles.greenText}>${renderRangeJSX(gpu.price) ?? '-'}</span>{' '}
+                            <span className={styles.greyText}>{!ungrouped && !gpu.cpu ? '/GPU/h' : '/h'}</span>
+                        </div>
                         <div>
                             {gpu.backend ? formatBackend(gpu.backend) : (gpu.backends?.map(formatBackend).join(', ') ?? '-')}
                         </div>

From 75e031b61ff37e484cffaf7a2ce37ca7f31c41d6 Mon Sep 17 00:00:00 2001
From: Andrey Cheptsov <andrey.cheptsov@github.com>
Date: Tue, 3 Nov 2026 11:35:34 +0100
Subject: [PATCH 2/2] Dim offer-card unit labels

---
 frontend/src/pages/Offers/List/index.tsx          | 4 ++--
 frontend/src/pages/Offers/List/styles.module.scss | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Offers/List/index.tsx b/frontend/src/pages/Offers/List/index.tsx
index 84ff01deb..519117119 100644
--- a/frontend/src/pages/Offers/List/index.tsx
+++ b/frontend/src/pages/Offers/List/index.tsx
@@ -299,11 +299,11 @@ export const OfferList: React.FC<OfferListProps> = ({
                                       max: round(convertMiBToGB(gpu.cpu.memory_range.max)),
                                   })
                                 : round(convertMiBToGB(gpu.memory_mib))}
-                            GB <span className={styles.greyText}>{gpu.cpu ? 'RAM' : 'VRAM'}</span>
+                            GB <span className={styles.unitText}>{gpu.cpu ? 'RAM' : 'VRAM'}</span>
                         </div>
                         <div>
                             <span className={styles.greenText}>${renderRangeJSX(gpu.price) ?? '-'}</span>{' '}
-                            <span className={styles.greyText}>{!ungrouped && !gpu.cpu ? '/GPU/h' : '/h'}</span>
+                            <span className={styles.unitText}>{!ungrouped && !gpu.cpu ? '/GPU/h' : '/h'}</span>
                         </div>
                         <div>
                             {gpu.backend ? formatBackend(gpu.backend) : (gpu.backends?.map(formatBackend).join(', ') ?? '-')}
diff --git a/frontend/src/pages/Offers/List/styles.module.scss b/frontend/src/pages/Offers/List/styles.module.scss
index 9d08c453a..5e30a35a8 100644
--- a/frontend/src/pages/Offers/List/styles.module.scss
+++ b/frontend/src/pages/Offers/List/styles.module.scss
@@ -26,6 +26,11 @@
   color: awsui.$color-text-status-inactive;
 }
 
+.unitText {
+  color: awsui.$color-text-status-inactive;
+  opacity: 0.75;
+}
+
 .greenText {
   color: awsui.$color-text-status-success;
 }