diff --git a/src/theme-helper/view-mode-masonry.vue b/src/theme-helper/view-mode-masonry.vue
index 9ec611f16..b3beabfd8 100644
--- a/src/theme-helper/view-mode-masonry.vue
+++ b/src/theme-helper/view-mode-masonry.vue
@@ -84,8 +84,8 @@ export default {
     $tainacan-input-color: #1d1d1d;
     $gray1: #f2f2f2;
     $gray2: #e5e5e5;
-    $gray4: #898d8f;
     $gray3: #dcdcdc;
+    $gray4: #898d8f;
 
     @import "../../src/admin/scss/_view-mode-masonry.scss";