From 072cd9dee7a965466f1689004b3fce4b02134fe5 Mon Sep 17 00:00:00 2001
From: Kent Keirsey <31807370+hipsterusername@users.noreply.github.com>
Date: Mon, 30 Jun 2025 20:37:21 -0400
Subject: [PATCH] Styling Fixes

---
 .../web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx      | 4 ++--
 .../web/src/features/ui/layouts/canvas-tab-auto-layout.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx b/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx
index 3dd0c1297e..50784966d4 100644
--- a/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx
+++ b/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx
@@ -42,11 +42,11 @@ export const TabWithLaunchpadIcon = memo((props: IDockviewPanelHeaderProps) => {
   return (
     <Flex ref={ref} alignItems="center" h="full">
       {isLaunchpadPanel && currentTabIcon && (
-        <Flex alignItems="center" px={2}>
+        <Flex alignItems="center" pl={5} pr={2}>
           {currentTabIcon}
         </Flex>
       )}
-      <Text userSelect="none" px={isLaunchpadPanel ? 2 : 4}>
+      <Text userSelect="none" px={isLaunchpadPanel ? 3 : 4}>
         {props.api.title ?? props.api.id}
       </Text>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/ui/layouts/canvas-tab-auto-layout.tsx b/invokeai/frontend/web/src/features/ui/layouts/canvas-tab-auto-layout.tsx
index 62122fb00e..4a65c557bf 100644
--- a/invokeai/frontend/web/src/features/ui/layouts/canvas-tab-auto-layout.tsx
+++ b/invokeai/frontend/web/src/features/ui/layouts/canvas-tab-auto-layout.tsx
@@ -76,7 +76,7 @@ const initializeCenterPanelLayout = (api: DockviewApi) => {
     id: VIEWER_PANEL_ID,
     component: VIEWER_PANEL_ID,
     title: 'Image Viewer',
-    tabComponent: TAB_WITH_PROGRESS_INDICATOR_ID,
+    tabComponent: DEFAULT_TAB_ID,
     position: {
       direction: 'within',
       referencePanel: LAUNCHPAD_PANEL_ID,