use box wrapper to contain the Tablist component

src/Pages/StatusPage/Create/Components/Tabs/index.jsx

@@ -1,6 +1,6 @@
 // Components
 import { TabContext, TabList } from "@mui/lab";
-import { Tab } from "@mui/material";
+import { Box, Tab, useTheme } from "@mui/material";
 import Settings from "./Settings";
 import Content from "./Content";
 
@@ -22,8 +22,17 @@ const Tabs = ({
 	setTab,
 	TAB_LIST,
 }) => {
+
+	const theme = useTheme();
 	return (
 		<TabContext value={TAB_LIST[tab]}>
+			<Box
+				sx={{
+					borderBottom: `1px solid ${theme.palette.primary.lowContrast}`,
+					"& .MuiTabs-root": { height: "fit-content", minHeight: "0" },
+				}}
+				>
+
 			<TabList
 				onChange={(_, tab) => {
 					setTab(TAB_LIST.indexOf(tab));
@@ -39,6 +48,7 @@ const Tabs = ({
 					);
 				})}
 			</TabList>
+			</Box>
 			{tab === 0 ? (
 				<Settings
 					tabValue={TAB_LIST[0]}
@@ -61,6 +71,7 @@ const Tabs = ({
 					setSelectedMonitors={setSelectedMonitors}
 				/>
 			)}
+			
 		</TabContext>
 	);
 };