fix(ui): align inbox PR header actions

Pre-commit hook ran. Total eslint: 0, total circular: 0

Author: Harry19081

src/modules/shared/layouts/blocks/DetailTabStrip.test.ts

@@ -60,6 +60,7 @@ describe("DetailTabStrip", () => {
     );
 
     expect(markup).toContain(">Filter</button>");
+    expect(markup).toMatch(/role="tablist"[^>]*\bpl-3\b[^>]*\bpr-\[7px\]/);
   });
 
   it("embeds tabs in a header without creating another bordered row", () => {
@@ -75,6 +76,7 @@ describe("DetailTabStrip", () => {
     );
 
     expect(markup).toContain("h-10 min-w-0");
+    expect(markup).not.toContain("pr-[7px]");
     expect(markup).not.toContain("overflow-x-auto");
     expect(markup).not.toMatch(/role="tablist"[^>]*border-b/);
     expect(markup).toMatch(

src/modules/shared/layouts/blocks/DetailTabStrip.tsx

@@ -44,7 +44,7 @@ export default function DetailTabStrip<Key extends string>({
       className={`flex shrink-0 items-end gap-px ${
         isHeaderVariant
           ? "h-10 min-w-0"
-          : "border-b border-border-2 bg-bg-2 px-3"
+          : "border-b border-border-2 bg-bg-2 pl-3 pr-[7px]"
       } ${className}`.trim()}
     >
       {tabs.map((tab) => {