diff --git a/invokeai/frontend/web/src/features/ui/layouts/TabWithoutCloseButton.tsx b/invokeai/frontend/web/src/features/ui/layouts/TabWithoutCloseButton.tsx
index 179bb4bfb3..84dbb1e7ad 100644
--- a/invokeai/frontend/web/src/features/ui/layouts/TabWithoutCloseButton.tsx
+++ b/invokeai/frontend/web/src/features/ui/layouts/TabWithoutCloseButton.tsx
@@ -14,7 +14,7 @@ export const TabWithoutCloseButton = (props: IDockviewPanelHeaderProps) => {
   useCallbackOnDragEnter(setActive, ref, 300);
 
   return (
-    <Flex ref={ref}>
+    <Flex ref={ref} alignItems="center" h="full">
       <Text userSelect="none">{props.api.title ?? props.api.id}</Text>
     </Flex>
   );
diff --git a/invokeai/frontend/web/src/features/ui/styles/dockview-theme-invoke.css b/invokeai/frontend/web/src/features/ui/styles/dockview-theme-invoke.css
index 06a1e99c58..49aab65e53 100644
--- a/invokeai/frontend/web/src/features/ui/styles/dockview-theme-invoke.css
+++ b/invokeai/frontend/web/src/features/ui/styles/dockview-theme-invoke.css
@@ -1,7 +1,7 @@
 .dockview-theme-invoke {
   --dv-paneview-active-outline-color: var(--invoke-colors-invokeBlue-300);
   --dv-tabs-and-actions-container-font-size: var(--invoke-fontSizes-sm);
-  --dv-tabs-and-actions-container-height: var(--invoke-sizes-8);
+  --dv-tabs-and-actions-container-height: var(--invoke-sizes-10);
   --dv-drag-over-background-color: var(--invoke-colors-baseAlpha-400);
   --dv-drag-over-border-color: var(--invoke-colors-base-300);
   --dv-tabs-container-scrollbar-color: #888;
@@ -57,6 +57,8 @@
 
 .dv-tab {
   /* margin-right: 2px; */
+  padding-inline-start: var(--invoke-sizes-4);
+  padding-inline-end: var(--invoke-sizes-4);
 }
 
 .dv-inactive-group .dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {