diff --git a/components/BlockOptions.tsx b/components/BlockOptions.tsx
index 7bd6b80d..f68de8fc 100644
--- a/components/BlockOptions.tsx
+++ b/components/BlockOptions.tsx
@@ -154,7 +154,7 @@ const BlockLinkButton = (props: Props) => {
 
   return (
     <div
-      className={`max-w-sm flex gap-2 rounded-md ${linkOpen ? "text-secondary" : " text-tertiary"}`}
+      className={`max-w-sm flex gap-2 hover:text-accent rounded-md ${linkOpen ? "text-secondary" : " text-tertiary"}`}
     >
       <button
         onMouseDown={(e) => e.preventDefault()}
diff --git a/components/Toolbar/index.tsx b/components/Toolbar/index.tsx
index ccdaecb5..5363c3ea 100644
--- a/components/Toolbar/index.tsx
+++ b/components/Toolbar/index.tsx
@@ -253,7 +253,7 @@ const HighlightToolbar = (props: {
   setLastUsedHighlight: (color: "1" | "2" | "3") => void;
 }) => {
   return (
-    <div className="flex w-full justify-between items-center gap-4">
+    <div className="flex w-full justify-between items-center gap-4 text-secondary">
       <div className="flex items-center gap-[6px]">
         <ToolbarButton onClick={() => props.onClose()}>
           <HighlightSmall />
@@ -357,9 +357,8 @@ const BlockToolbar = (props: {
               className="blockOptionsImage hover:cursor-pointer flex place-items-center"
               onMouseDown={(e) => e.preventDefault()}
             >
-              <div className="text-tertiary hover:text-accent ">
-                <BlockImageSmall />
-              </div>
+              <BlockImageSmall />
+
               <div className="hidden">
                 <input
                   type="file"