Skip to content

Commit fc394bf

Browse files
committed
fix(web): restore even tab spacing under MUI v9
MUI v9 dropped the `MuiTabs-flexContainer` utility class from the Tabs list element (now only `MuiTabs-list`), so the `justifyContent: space-evenly` override silently stopped matching and the place + saved-places tabs reverted to left alignment. Point the selector at the v9 class name.
1 parent dccdc1f commit fc394bf

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

apps/web/src/components/panels/place/PlaceDetailContent.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -319,7 +319,7 @@ export function PlaceDetailContent({ place, isLoading, onClose, clearSearchBar =
319319
...theme.applyStyles("dark", { bgcolor: "background.default" }),
320320
zIndex: 1,
321321
minHeight: 48,
322-
"& .MuiTabs-flexContainer": { justifyContent: "space-evenly" },
322+
"& .MuiTabs-list": { justifyContent: "space-evenly" },
323323
"& .MuiTab-root": {
324324
textTransform: "none",
325325
fontSize: 14,

apps/web/src/components/panels/saved/SavedPlacesContent.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ export function SavedPlacesContent() {
4242
onChange={(_, v: number) => setActiveTab(v === 0 ? "lists" : "labeled")}
4343
sx={{
4444
minHeight: 48,
45-
"& .MuiTabs-flexContainer": { justifyContent: "space-evenly" },
45+
"& .MuiTabs-list": { justifyContent: "space-evenly" },
4646
"& .MuiTab-root": {
4747
textTransform: "none",
4848
fontSize: 14,

0 commit comments

Comments
 (0)