Add border below tabs

CS3219-AY2425S1 · Oct 30, 2024 · ee43fb4 · ee43fb4
1 parent 21c4d2a
commit ee43fb4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/src/pages/CollabSandbox/index.tsx b/frontend/src/pages/CollabSandbox/index.tsx
@@ -181,12 +181,13 @@ const CollabSandbox: React.FC = () => {
             <Tabs
               value={selectedTab}
               onChange={(_, value) => setSelectedTab(value)}
-              sx={{
+              sx={(theme) => ({
                 position: "sticky",
                 top: 0,
                 zIndex: 10,
                 background: "white",
-              }}
+                borderBottom: `1px solid ${theme.palette.divider}`,
+              })}
             >
               <Tab label="Test Cases" value="tests" />
               <Tab label="Chat" value="chat" />