applying changes

Client/src/Components/Charts/Servers/serverStatus.css

@@ -14,7 +14,7 @@
 .server-status-tile {
   min-width: 250px;
   width: calc(100% - 310px);
-  padding: var(--spacing-general-1);
+  padding: var(--spacing-general-0);
   border: 1px solid var(--color-border-0);
   border-radius: var(--border-radius-0);
 }
@@ -22,7 +22,7 @@
 .server-status-tile-title {
   font-size: var(--font-size-0);
   font-weight: bold;
-  margin-bottom: 25px;
+  margin-bottom: calc(var(--spacing-general-1) / 2);
 }
 
 .server-status-tile-value {

Client/src/Components/NavBar/index.jsx

@@ -99,8 +99,9 @@ function NavBar() {
       position="sticky"
       sx={{
         width: "100%",
-        backgroundColor: "white",
-        boxShadow: "var(--env-var-shadow-1)",
+        backgroundColor: "transparent",
+        boxShadow: "none",
+        borderBottom: "1px solid var(--color-border-0)",
       }}
     >
       <Container maxWidth="xxl" sx={{ width: "100%" }}>