From 0cc0d794d12cf19c3ec1b6142e0860bc36320024 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Thu, 4 Jan 2024 01:10:11 +0530
Subject: [PATCH] fix: Minor alignment issues with the queue badge

---
 .../web/src/features/queue/components/QueueControls.tsx       | 1 +
 .../frontend/web/src/features/ui/components/InvokeTabs.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/queue/components/QueueControls.tsx b/invokeai/frontend/web/src/features/queue/components/QueueControls.tsx
index 57704c754b..e5ce3a30d9 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueControls.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueControls.tsx
@@ -18,6 +18,7 @@ const QueueControls = () => {
       position="relative"
       borderRadius="base"
       gap={2}
+      pt={2}
       flexDir="column"
     >
       <InvButtonGroup size="lg" isAttached={false}>
diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index a27a09987b..990aaecc87 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -251,9 +251,9 @@ const InvokeTabs = () => {
       gap={4}
       isLazy
     >
-      <Flex flexDir="column" alignItems="center" pt={2}>
+      <Flex flexDir="column" alignItems="center" pt={4}>
         <InvokeAILogoComponent />
-        <InvTabList gap={4} pt={8} pb={4} h="full" flexDir="column">
+        <InvTabList gap={4} pt={12} pb={4} h="full" flexDir="column">
           {tabs}
           <Spacer />
           <SettingsMenu />