More styling

src/components/ProfileMenu.js

@@ -52,6 +52,8 @@ export default function AccountMenu() {
         PaperProps={{
           elevation: 0,
           sx: {
+            background: "#101010",
+            border: "1px solid #fff",
             overflow: 'visible',
             filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
             mt: 1.5,
@@ -69,7 +71,6 @@ export default function AccountMenu() {
               right: 14,
               width: 10,
               height: 10,
-              bgcolor: 'background.paper',
               transform: 'translateY(-50%) rotate(45deg)',
               zIndex: 0,
             },

src/components/SignOutBtn.js

@@ -6,7 +6,7 @@ const signOutBtnStyle = {
   fontFamily: "sans-serif",
   fontSize: "16px",
   padding: "10px 20px",
-  border: "1px solid rgb(139, 195, 74)",
+  border: "none",
   backgroundColor: "transparent",
   color: "rgb(139, 195, 74)",
   cursor: "pointer",

src/components/home.js

@@ -1,22 +1,22 @@
-import React, { useContext } from 'react';
-import CreatePost from './CreatePost';
-import Feed from './feed';
-import { UserContext } from '../contexts/user';
+import React, { useContext } from "react";
+import CreatePost from "./CreatePost";
+import Feed from "./feed";
+import { UserContext } from "../contexts/user";
 
 const homeStyle = {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    backgroundColor: '#101010 '
-}
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  backgroundColor: "#101010",
+};
 
 export default function Home() {
-    const [user] = useContext(UserContext).user;
-    return (
-        <div style={homeStyle}>
-            <CreatePost />
-            {/* if user is signed in, display feed */}
-            {user && <Feed />}
-        </div>
-    );
+  const [user] = useContext(UserContext).user;
+  return (
+    <div style={homeStyle}>
+      <CreatePost />
+      {/* if user is signed in, display feed */}
+      {user && <Feed />}
+    </div>
+  );
 }