diff --git a/src/app/core/components/Header/AccountMenu.tsx b/src/app/core/components/Header/AccountMenu.tsx
index d2893ea..86aa0b8 100644
--- a/src/app/core/components/Header/AccountMenu.tsx
+++ b/src/app/core/components/Header/AccountMenu.tsx
@@ -65,7 +65,7 @@ export function AccountMenu({
                 <div className="flex gap-12">
                   <button
                     onClick={openChainModal}
-                    className="flex gap-2 items-center stroke-breadgray-rye hover:stroke-breadgray-grey"
+                    className="flex gap-2 items-center stroke-breadgray-rye hover:stroke-breadgray-grey group"
                   >
                     {chain.hasIcon ? (
                       <div
@@ -100,9 +100,9 @@ export function AccountMenu({
                         </svg>
                       </div>
                     )}
-                    <div className="h-full flex items-center stroke-inherit">
+                    <div className="h-full flex items-center text-breadgray-rye opacity-50 group-hover:opacity-100">
                       <svg
-                        className="stroke-inherit"
+                        className="stroke-current fill-none"
                         height="7"
                         width="14"
                         xmlns="http://www.w3.org/2000/svg"
diff --git a/src/app/core/components/Icons/TokenIcons.tsx b/src/app/core/components/Icons/TokenIcons.tsx
index 1796d16..eaf954d 100644
--- a/src/app/core/components/Icons/TokenIcons.tsx
+++ b/src/app/core/components/Icons/TokenIcons.tsx
@@ -11,7 +11,7 @@ export function XDAIIcon() {
 
 export function BreadIcon() {
   return (
-    <div className="rounded-full w-6 h-6 dark:bg-breadgray-rye flex items-center justify-center">
+    <div className="rounded-full w-6 h-6 bg-breadpink-200 bg-opacity-10 dark:bg-breadgray-rye flex items-center justify-center">
       <div className="w-2/3 transform translate-y-[1px]">
         <LogoSVG />
       </div>
diff --git a/src/app/governance/components/ProjectRow.tsx b/src/app/governance/components/ProjectRow.tsx
index b1b5796..8a10ed8 100644
--- a/src/app/governance/components/ProjectRow.tsx
+++ b/src/app/governance/components/ProjectRow.tsx
@@ -91,7 +91,7 @@ export function VoteForm({
   const isDisabled = user.status !== "CONNECTED" || !userCanVote;
 
   return (
-    <div className="w-full flex flex-col gap-2 sm:gap-0 sm:flex-row items-center p-4 sm:px-2 sm:py-0 border-2 border-breadgray-light-grey dark:border-breadgray-rye rounded-lg dark:bg-breadgray-burnt">
+    <div className="w-full flex flex-col gap-2 sm:gap-0 sm:flex-row items-center p-4 sm:px-2 sm:py-0 border-2 border-breadgray-light-grey dark:border-breadgray-rye rounded-lg drop-shadow-[0_4px_8px_rgba(0,0,0,0.08)] bg-breadgray-ultra-white dark:bg-breadgray-burnt">
       <div className="flex items-center justify-between w-full">
         <InputButton onClick={decrement} isDisabled={isDisabled}>
           <div
diff --git a/src/app/governance/components/VotingPower.tsx b/src/app/governance/components/VotingPower.tsx
index 4cec258..7404c79 100644
--- a/src/app/governance/components/VotingPower.tsx
+++ b/src/app/governance/components/VotingPower.tsx
@@ -62,7 +62,7 @@ export function VotingPower({
                   filterUnits="userSpaceOnUse"
                   color-interpolation-filters="sRGB"
                 >
-                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                  <feFlood floodOpacity="0" result="BackgroundImageFix" />
                   <feColorMatrix
                     in="SourceAlpha"
                     type="matrix"
@@ -96,14 +96,14 @@ export function VotingPower({
                   y2="7.81231"
                   gradientUnits="userSpaceOnUse"
                 >
-                  <stop stop-color="#D04EC5" />
-                  <stop offset="1" stop-color="#ED7BC7" />
+                  <stop stopColor="#D04EC5" />
+                  <stop offset="1" stopColor="#ED7BC7" />
                 </linearGradient>
               </defs>
             </svg>
           </span>
           <span className="font-bold text-2xl leading-none text-breadgray-grey100 dark:text-breadgray-ultra-white">
-            Voting power:{" "}
+            Voting Power:{" "}
           </span>
           <span className="font-medium text-xl">
             {user.status === "CONNECTED" &&
@@ -189,7 +189,7 @@ function DistributeEqually({
 }) {
   return (
     <button
-      className="dis-equally-button-bg text-white dark:text-breadgray-grey100 rounded-xl p-2.5 flex items-center gap-3 border-2 border-breadgray-light-grey hover:border-breadgray-grey dark:border-breadgray-grey100 dark:hover:border-breadgray-ultra-white transform transition-all"
+      className="dis-equally-button-bg text-white dark:text-breadgray-grey100 rounded-xl p-2.5 flex items-center gap-3 border-2 border-breadgray-light-grey hover:border-breadgray-grey dark:border-breadgray-grey100 dark:hover:border-breadgray-ultra-white transform transition-all drop-shadow-[0_4px_10px_rgba(0,0,0,0.10)]"
       onClick={distributeEqually}
     >
       <div className="w-5 h-5 flex items-center text-white">