OnMouseOver with 2 overlapping object not working properly

Hi, I'm making a prototype game that when I click on the white box it will turn green, and when I click brown circle it will turn red. It works properly when it's separate from each other but doesn't work properly when they overlap. When I click on white box it makes brown circle turn red but the box doesn't change color

My gameObject have Sprite Renderer + Collider + Script

I also tried to order them in layers but it doesn't help.

This is white box script

 void OnMouseOver()
     {
         if (Input.GetMouseButton(0))
         {
             GetComponent<SpriteRenderer>().color = Color.green;
             Debug.Log("Line");
         }
     }

This is brown circle script

 void OnMouseOver()
     {
         if (Input.GetMouseButton(0))
         {
             GetComponent<SpriteRenderer>().color = Color.red;
             Debug.Log("Cookie");
         }
     }

PS. Sorry if my grammar is not correct. English is not my native.

PS2. I'm also new to Unity T^T