diff --git a/app/src/main/java/com/block/web/builder/ui/view/blocks/BlockHint.java b/app/src/main/java/com/block/web/builder/ui/view/blocks/BlockHint.java
index 8d4fe80..0c4e054 100644
--- a/app/src/main/java/com/block/web/builder/ui/view/blocks/BlockHint.java
+++ b/app/src/main/java/com/block/web/builder/ui/view/blocks/BlockHint.java
@@ -1,10 +1,10 @@
 package com.block.web.builder.ui.view.blocks;
 
 import android.content.Context;
-import android.graphics.Color;
 import android.graphics.PorterDuff;
 import android.graphics.drawable.Drawable;
 import android.widget.LinearLayout;
+import com.block.web.builder.utils.ColorUtils;
 
 public class BlockHint extends LinearLayout {
   public BlockHint(Context context, int resource) {
@@ -13,14 +13,15 @@ public BlockHint(Context context, int resource) {
     setTag("shadow");
 
     Drawable backgroundDrawable = getResources().getDrawable(resource, null);
-    backgroundDrawable.setTint(Color.BLACK);
+    backgroundDrawable.setTint(
+        ColorUtils.getColor(context, com.google.android.material.R.attr.colorSurfaceInverse));
     backgroundDrawable.setTintMode(PorterDuff.Mode.SRC_IN);
     setBackground(backgroundDrawable);
   }
 
   public void setBlockResource(int resource) {
     Drawable backgroundDrawable = getResources().getDrawable(resource, null);
-    backgroundDrawable.setTint(Color.BLACK);
+    backgroundDrawable.setTint(ColorUtils.getColor(getContext(), com.google.android.material.R.attr.colorSurfaceInverse));
     backgroundDrawable.setTintMode(PorterDuff.Mode.SRC_IN);
     setBackground(backgroundDrawable);
   }