diff --git a/frontend/src/app/main/ui/dashboard/projects.cljs b/frontend/src/app/main/ui/dashboard/projects.cljs
index e7636b225..96b47020d 100644
--- a/frontend/src/app/main/ui/dashboard/projects.cljs
+++ b/frontend/src/app/main/ui/dashboard/projects.cljs
@@ -305,7 +305,7 @@
 
        [:div {:class (stl/css :project-actions)}
         (when-not (:is-default project)
-          [:> pin-button* {:is-pinned (:is-pinned project) :on-click toggle-pin :tab-index 0}])
+          [:> pin-button* {:class (stl/css :pin-button) :is-pinned (:is-pinned project) :on-click toggle-pin :tab-index 0}])
 
         [:button
          {:class (stl/css :btn-secondary :btn-small :tooltip :tooltip-bottom)
diff --git a/frontend/src/app/main/ui/dashboard/projects.scss b/frontend/src/app/main/ui/dashboard/projects.scss
index 6082e2937..48652ee37 100644
--- a/frontend/src/app/main/ui/dashboard/projects.scss
+++ b/frontend/src/app/main/ui/dashboard/projects.scss
@@ -108,10 +108,7 @@
       opacity: 1;
       margin-left: $s-32;
 
-      svg {
-        fill: $df-primary;
-      }
-      .btn-small {
+      .btn-small:not(.pin-button) {
         height: $s-32;
         margin: 0 $s-8;
         width: $s-32;
@@ -120,6 +117,7 @@
           background: transparent;
         }
         svg {
+          fill: $df-primary;
           height: $s-16;
           width: $s-16;
         }