From 6ef599e894dd03a005ac7f6226455a343a2c795b Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Fri, 13 Feb 2026 17:05:20 +1100
Subject: [PATCH] Make recommendation row width selector more specific.

Fixes issue where the media overrides would set the card width to the wrong value on small viewports.
---
 ui/v2.5/src/components/FrontPage/styles.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/v2.5/src/components/FrontPage/styles.scss b/ui/v2.5/src/components/FrontPage/styles.scss
index f643e4eb6..2de0c6a44 100644
--- a/ui/v2.5/src/components/FrontPage/styles.scss
+++ b/ui/v2.5/src/components/FrontPage/styles.scss
@@ -496,6 +496,6 @@
 // HACK: compatibility with existing behaviour after removed width from zoom-1 class
 // this should really be changed to use the specific card types instead of a generic zoom-1 class,
 // but this is a quick fix to prevent breaking existing styles
-.recommendation-row .zoom-1 {
+.recommendation-row .card.zoom-1 {
   width: 320px;
 }