small fixes

frontend/src/components/AccountIconButton.js

@@ -30,7 +30,6 @@ const AccountIconButton = (props) => {
         zIndex="dropdown"
         width={["100vw", "100vw", "18rem", "20rem", "22rem", "24rem"]}
         borderRadius={0}
-        m={0}
       >
         <MenuGroup>
           <RouterLink href="/account/security" passHref>

frontend/src/components/AppNavbar.js

@@ -227,7 +227,6 @@ const AppNavbar = () => {
             {!isSearchBarActive && (
               <AccountIconButton
                 variant="link"
-                mx={0}
                 justifyContent="space-evenly"
                 alignContent="center"
                 h="32px"

frontend/src/components/ColorSelector.js

@@ -1,6 +1,5 @@
 import { React, useEffect, useState } from "react";
 import {
-  chakra,
   Box,
   Popover,
   PopoverTrigger,
@@ -22,7 +21,7 @@ import { makeColor } from "../core/utils/makeColor";
 import { BiRefresh } from "react-icons/bi";
 import { GithubPicker } from "react-color";
 
-const _ColorSelector = (props) => {
+const ColorSelector = (props) => {
   const { onOpen, onClose, isOpen } = useDisclosure();
   const [color, setColor] = useState(props.initialColor ?? makeColor());
   const [triggerColor, setTriggerColor] = useState(color);
@@ -41,7 +40,6 @@ const _ColorSelector = (props) => {
     <Popover isOpen={isOpen} onOpen={onOpen} onClose={onClose}>
       <PopoverTrigger>
         <Box
-          {...props}
           placeSelf="center"
           boxSize="24px"
           borderRadius="sm"
@@ -101,6 +99,4 @@ const _ColorSelector = (props) => {
   );
 };
 
-const ColorSelector = chakra(_ColorSelector);
-
 export default ColorSelector;