From 33a275b69f9e309b544b2cf0147682a8faf59117 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 13 Aug 2025 01:40:05 +1000
Subject: [PATCH] Improve instance rendering (#10165)

- Fix visual glitches on narrow viewports
---
 src/frontend/src/components/render/Instance.tsx | 4 ++--
 src/frontend/src/components/render/Stock.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/render/Instance.tsx b/src/frontend/src/components/render/Instance.tsx
index 0976f3d2db..9450626bec 100644
--- a/src/frontend/src/components/render/Instance.tsx
+++ b/src/frontend/src/components/render/Instance.tsx
@@ -214,7 +214,7 @@ export function RenderInlineModel({
   }
 
   return (
-    <Group gap='xs' justify='space-between' wrap='nowrap' title={tooltip}>
+    <Group gap='xs' justify='space-between' title={tooltip}>
       <Group gap='xs' justify='left' wrap='nowrap'>
         {prefix}
         {image && <Thumbnail src={image} size={18} />}
@@ -260,7 +260,7 @@ export function InlineSecondaryBadge({
 }): ReactNode {
   return (
     <Paper p={2} withBorder style={{ backgroundColor: 'transparent' }}>
-      <Group gap='xs'>
+      <Group gap='xs' wrap='nowrap'>
         {title && (
           <Text size={size} title={title}>
             {title}:
diff --git a/src/frontend/src/components/render/Stock.tsx b/src/frontend/src/components/render/Stock.tsx
index ea8726eb45..fd6048abca 100644
--- a/src/frontend/src/components/render/Stock.tsx
+++ b/src/frontend/src/components/render/Stock.tsx
@@ -111,7 +111,7 @@ export function RenderStockItem(
 
   // Form the "suffix" text to display
   const suffix: ReactNode = (
-    <Group gap='xs'>
+    <Group gap='xs' wrap='nowrap'>
       <Text size='xs'>{quantity_string}</Text>
       {location && (
         <TableHoverCard