From babebc959c4ed6f09e4698e3435d01681bae7ed7 Mon Sep 17 00:00:00 2001
From: Danny White <3104761+dnywh@users.noreply.github.com>
Date: Thu, 17 Sep 2026 13:07:31 +1000
Subject: [PATCH] fix(studio): improve pipeline destination logo legibility
(#50496)
## What kind of change does this PR introduce?
UI polish for Pipeline destination logos.
## What is the current behavior?
The Snowflake mark does not use the available SVG canvas, and
destination marks appear overly inset in the pipeline detail header.
## What is the new behavior?
The Snowflake asset uses more of its canvas, and the large
`DestinationLogo` variant renders a 32px mark inside its existing 56px
frame. Small logos used in lists, diagrams, and destination pickers
remain unchanged.
| Before | After |
| --- | --- |
| | |
## To test
1. Open `/project//database/replication` with a Snowflake pipeline
and confirm its logo renders clearly in the list.
2. Open that pipeline's child route and confirm the destination logo
fills more of the header square without changing the square itself.
3. Check another destination's child route and confirm its large logo
uses the same sizing.
## Summary by CodeRabbit
* **Style**
* Increased the size of the large destination logo mark for improved
visibility.
---
.../Database/Replication/DestinationLogo.tsx | 2 +-
apps/studio/public/img/icons/snowflake-icon.svg | 11 +++--------
2 files changed, 4 insertions(+), 9 deletions(-)
diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx
index c58c9e2b42b..c595dd9fcb9 100644
--- a/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/DestinationLogo.tsx
@@ -15,7 +15,7 @@ const BRAND_MARK_BY_TYPE: Partial> = {
const SIZE_CLASS_NAME = {
small: { frame: 'h-8 w-8 rounded-md', mark: 'h-4 w-4', icon: 16 },
- large: { frame: 'h-14 w-14 rounded-lg', mark: 'h-6 w-6', icon: 24 },
+ large: { frame: 'h-14 w-14 rounded-lg', mark: 'h-8 w-8', icon: 32 },
} as const
interface DestinationLogoProps {
diff --git a/apps/studio/public/img/icons/snowflake-icon.svg b/apps/studio/public/img/icons/snowflake-icon.svg
index 86a17fd33d9..27f39ce9349 100644
--- a/apps/studio/public/img/icons/snowflake-icon.svg
+++ b/apps/studio/public/img/icons/snowflake-icon.svg
@@ -1,10 +1,5 @@