diff --git a/client/src/components/Input/Generations/Continue.tsx b/client/src/components/Input/Generations/Continue.tsx
index 7d472b30f..ccf20358b 100644
--- a/client/src/components/Input/Generations/Continue.tsx
+++ b/client/src/components/Input/Generations/Continue.tsx
@@ -5,7 +5,7 @@ import Button from './Button';
 export default function Continue({ onClick }: TGenButtonProps) {
   return (
     <Button type="continue" onClick={onClick}>
-      <ContinueIcon className="text-gray-600/90" />
+      <ContinueIcon className="text-gray-600/90 dark:text-gray-400 " />
       Continue
     </Button>
   );
diff --git a/client/src/components/Input/Generations/Regenerate.tsx b/client/src/components/Input/Generations/Regenerate.tsx
index 8187ca326..2ee50a20a 100644
--- a/client/src/components/Input/Generations/Regenerate.tsx
+++ b/client/src/components/Input/Generations/Regenerate.tsx
@@ -5,7 +5,7 @@ import Button from './Button';
 export default function Regenerate({ onClick }: TGenButtonProps) {
   return (
     <Button onClick={onClick}>
-      <RegenerateIcon className="h-3 w-3 flex-shrink-0 text-gray-600/90" />
+      <RegenerateIcon className="h-3 w-3 flex-shrink-0 text-gray-600/90 dark:text-gray-400" />
       Regenerate
     </Button>
   );
diff --git a/client/src/components/Input/Generations/Stop.tsx b/client/src/components/Input/Generations/Stop.tsx
index 41579d6c5..73459168f 100644
--- a/client/src/components/Input/Generations/Stop.tsx
+++ b/client/src/components/Input/Generations/Stop.tsx
@@ -5,7 +5,7 @@ import Button from './Button';
 export default function Stop({ onClick }: TGenButtonProps) {
   return (
     <Button type="stop" onClick={onClick}>
-      <StopGeneratingIcon className="text-gray-600/90" />
+      <StopGeneratingIcon className="text-gray-600/90 dark:text-gray-400 " />
       Stop
     </Button>
   );
diff --git a/client/src/components/Messages/HoverButtons.tsx b/client/src/components/Messages/HoverButtons.tsx
index 5eec313dd..3fc96db7e 100644
--- a/client/src/components/Messages/HoverButtons.tsx
+++ b/client/src/components/Messages/HoverButtons.tsx
@@ -46,7 +46,6 @@ export default function HoverButtons({
         title="edit"
         disabled={!editEnabled}
       >
-        {/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */}
         <EditIcon />
       </button>
       <button
@@ -67,8 +66,7 @@ export default function HoverButtons({
           type="button"
           title="regenerate"
         >
-          {/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */}
-          <RegenerateIcon />
+          <RegenerateIcon className="hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400" />
         </button>
       ) : null}
       {continueSupported ? (
@@ -78,7 +76,7 @@ export default function HoverButtons({
           type="button"
           title="continue"
         >
-          <ContinueIcon className="h-4 w-4" />
+          <ContinueIcon className="h-4 w-4 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400" />
         </button>
       ) : null}
     </div>
diff --git a/client/src/components/svg/Clipboard.tsx b/client/src/components/svg/Clipboard.tsx
index 7d656dff9..867edf5a6 100644
--- a/client/src/components/svg/Clipboard.tsx
+++ b/client/src/components/svg/Clipboard.tsx
@@ -9,7 +9,7 @@ export default function Clipboard() {
       viewBox="0 0 24 24"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className="h-4 w-4 text-gray-600 dark:text-gray-400"
+      className="h-4 w-4"
       height="1em"
       width="1em"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/svg/ContinueIcon.tsx b/client/src/components/svg/ContinueIcon.tsx
index 6af7f9c3d..4fb1aa155 100644
--- a/client/src/components/svg/ContinueIcon.tsx
+++ b/client/src/components/svg/ContinueIcon.tsx
@@ -9,7 +9,7 @@ export default function ContinueIcon({ className = '' }: { className?: string })
       viewBox="0 0 24 24"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className={cn('h-3 w-3 -rotate-180 text-gray-600 dark:text-gray-400', className)}
+      className={cn('h-3 w-3 -rotate-180', className)}
       height="1em"
       width="1em"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/svg/RegenerateIcon.tsx b/client/src/components/svg/RegenerateIcon.tsx
index 81a6d0f9e..5f4e10570 100644
--- a/client/src/components/svg/RegenerateIcon.tsx
+++ b/client/src/components/svg/RegenerateIcon.tsx
@@ -9,7 +9,7 @@ export default function RegenerateIcon({ className = '' }: { className?: string
       viewBox="0 0 24 24"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className={cn('h-4 w-4 text-gray-600 dark:text-gray-400', className)}
+      className={cn('h-4 w-4', className)}
       height="1em"
       width="1em"
       xmlns="http://www.w3.org/2000/svg"