diff --git a/webapp/src/AppComponents/FileBar.tsx b/webapp/src/AppComponents/FileBar.tsx
index 99d48e3..63f8baa 100644
--- a/webapp/src/AppComponents/FileBar.tsx
+++ b/webapp/src/AppComponents/FileBar.tsx
@@ -97,7 +97,7 @@ const FileBarWrapper = styled("div")`
   background: #fff;
   display: flex;
   align-items: center;
-  border-bottom: 1px solid grey;
+  border-bottom: 1px solid #E0E0E0;
   position: relative;
   justify-content: space-between;
 `;
diff --git a/webapp/src/components/toolbar.tsx b/webapp/src/components/toolbar.tsx
index f63c581..eba7e36 100644
--- a/webapp/src/components/toolbar.tsx
+++ b/webapp/src/components/toolbar.tsx
@@ -393,7 +393,7 @@ const ToolbarContainer = styled("div")`
   background: ${({ theme }) => theme.palette.background.paper};
   height: ${toolbarHeight}px;
   line-height: ${toolbarHeight}px;
-  border-bottom: 1px solid ${({ theme }) => theme.palette.grey["600"]};
+  border-bottom: 1px solid ${({ theme }) => theme.palette.grey["300"]};
   font-family: Inter;
   border-radius: 4px 4px 0px 0px;
   overflow-x: auto;