diff --git a/components/u/ProfileColorSelectors.tsx b/components/u/ProfileColorSelectors.tsx
index 677db6c1e..83acd7a64 100644
--- a/components/u/ProfileColorSelectors.tsx
+++ b/components/u/ProfileColorSelectors.tsx
@@ -66,7 +66,7 @@ const ProfileColorSelectors = ({
     }
 
     return result;
-  }, []);
+  }, [previousColors]);
 
   useEffect(() => {
     const body = document.getElementsByTagName("body")[0];
diff --git a/components/u/ProfileOwnersButton.tsx b/components/u/ProfileOwnersButton.tsx
index 07fd84abb..3709f83ed 100644
--- a/components/u/ProfileOwnersButton.tsx
+++ b/components/u/ProfileOwnersButton.tsx
@@ -78,7 +78,7 @@ const ProfileOwnersButtons = ({
               <MyLink href="https://www.patreon.com/sendou" isExternal>
                 patrons
               </MyLink>{" "}
-              of tier "Supporter" ($5 dollar tier)
+              of tier &quot;Supporter&quot; ($5 dollar tier)
             </PopoverBody>
           </PopoverContent>
         </Popover>
diff --git a/pages/u/[identifier].tsx b/pages/u/[identifier].tsx
index 5d931698d..5c011b671 100644
--- a/pages/u/[identifier].tsx
+++ b/pages/u/[identifier].tsx
@@ -116,7 +116,7 @@ const ProfilePage = (props: Props) => {
         body.style.removeProperty(`--custom-${key}`);
       }
     };
-  }, []);
+  }, [canEditProfileColors]);
 
   return (
     <>