minor adjustments to ui

apps/connect/src/components/atoms/Background.tsx

@@ -1,7 +1,7 @@
 import styled from "@mui/material/styles/styled";
 import Glow from "./Glow";
 import Elipsis from "./Elipsis";
-import PoweredBy from "./PoweredBy";
+import BuiltBy from "./BuiltBy";
 import Version from "./Version";
 
 const Container = styled("div")(() => ({
@@ -28,7 +28,7 @@ export default function Background({
     <Container>
       {children}
       <ContainerFooter>
-      <PoweredBy />
+      <BuiltBy />
       <Version />
       <Glow
         position={{

apps/connect/src/components/atoms/BuiltBy.tsx

@@ -0,0 +1,6 @@
+import Footer from "./Footer"
+
+export default function BuiltBy() {
+    return <Footer right="120px">Built by xLabs</Footer>
+}
+

apps/connect/src/components/atoms/NavBar.tsx

@@ -7,8 +7,12 @@ import styled from "@mui/material/styles/styled";
 import Box from "@mui/material/Box";
 import portal from "../../assets/imgs/logo-white.svg";
 import MenuIcon from "@mui/icons-material/Menu";
+import List from "@mui/material/List";
+import MuiListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemText from "@mui/material/ListItemText";
+
 import { useState } from "react";
-import { List, ListItem, ListItemButton, ListItemText } from "@mui/material";
 
 const AppBar = styled(MuiAppBar)(({ theme }) => ({
   background: "transparent",
@@ -21,6 +25,11 @@ const AppBar = styled(MuiAppBar)(({ theme }) => ({
   boxShadow: "none",
 }));
 
+const ListItem = styled(MuiListItem)(() => ({
+  paddingTop: 0,
+  paddingBottom: 0,
+}));
+
 const Link = styled(MuiLink)(({ theme }) => ({
   ...theme.typography.body2,
   fontSize: "14px",