diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs
index 107943180..16a5e9e31 100644
--- a/frontend/src/app/main/ui/dashboard/grid.cljs
+++ b/frontend/src/app/main/ui/dashboard/grid.cljs
@@ -95,6 +95,9 @@
 
 ;; --- Grid Item Library
 
+(def ^:private menu-icon
+  (i/icon-xref :menu-refactor (stl/css :menu-icon)))
+
 (mf/defc grid-item-library
   {::mf/wrap [mf/memo]}
   [{:keys [file] :as props}]
@@ -381,7 +384,7 @@
                          (when (kbd/enter? event)
                            (dom/stop-propagation event)
                            (on-menu-click event)))}
-         i/actions
+         menu-icon
          (when (and selected? file-menu-open?)
            [:& file-menu {:files (vals selected-files)
                           :show? (:menu-open dashboard-local)
diff --git a/frontend/src/app/main/ui/dashboard/grid.scss b/frontend/src/app/main/ui/dashboard/grid.scss
index 13214ea77..e3188a2f9 100644
--- a/frontend/src/app/main/ui/dashboard/grid.scss
+++ b/frontend/src/app/main/ui/dashboard/grid.scss
@@ -238,22 +238,22 @@ $thumbnail-default-height: $s-168; // Default width
   margin-right: 0;
   margin-top: $s-20;
   width: 100%;
-
-  svg {
-    fill: $df-secondary;
-    margin-right: 0;
-    height: $s-16;
-    width: $s-16;
-  }
+  --menu-icon-color: var(--button-tertiary-foreground-color-rest);
 
   &:hover,
   &:focus {
-    svg {
-      fill: $da-tertiary;
-    }
+    --menu-icon-color: var(--button-tertiary-foreground-color-hover);
   }
 }
 
+.menu-icon {
+  stroke: var(--menu-icon-color);
+  fill: none;
+  margin-right: 0;
+  height: $s-16;
+  width: $s-16;
+}
+
 .project-th-actions.force-display {
   opacity: 1;
 }