cap only the selected tab at the row width

Author: ThomasK33

src/browser/features/RightSidebar/RightSidebarTabStrip.tsx

@@ -88,10 +88,11 @@ const SortableTab: React.FC<{
   const sortableOnKeyDown = listeners?.onKeyDown;
 
   return (
-    // Capped at the row's width, so a tab never shows cut off at the row's end when the row is
-    // narrower than the tab (a 300 px sidebar under the window-controls inset, #7103): its label
-    // truncates and its X stays in view.
-    <div className="relative max-w-full shrink-0" style={style}>
+    // The selected tab is capped at the row's width, so it never shows cut off at the row's end
+    // when the row is narrower than the tab (a 300 px sidebar under the window-controls inset,
+    // #7103): its label truncates and its X stays in view. Only the selected one: a capped terminal
+    // tab is mostly its pop-out and close buttons, so a click on an unselected one would hit them.
+    <div className={cn("relative shrink-0", { "max-w-full": item.selected })} style={style}>
       <Tooltip>
         <TooltipTrigger asChild>
           <div