How to change the mouse icon when the mouse is hovering on a gui object?

So I've used roblox's Mouse.Icon property in order to change the icon, however a problem I've had is that when the mouse is hovered on a gui object the button returns to normal.

How can I make it change the icon regardless wherever the mouse is hovered on

local player = game.Players.LocalPlayer
local mouse = player:GetMouse()
mouse.Icon = "http://www.roblox.com/asset/?id=id"

Use the MouseEnter and MouseLeave events of a GuiObject https://developer.roblox.com/en-us/api-reference/class/GuiObject

gui = game.Players.LocalPlayer.PlayerGui.yourGui

gui.MouseEnter:Connect(function()
	mouse.Icon = "http://www.roblox.com/asset/?id=id2"
end
gui.MouseLeave:Connect(function()
	mouse.Icon = "http://www.roblox.com/asset/?id=id1"
end

*Help For gfmf, not a answer change to Abandion's work.

Try changing the word 'yourGui' to your gui's name. And make sure its a local script.

gui = game.Players.LocalPlayer.PlayerGui.yourGui

gui.MouseEnter:Connect(function()
    mouse.Icon = "http://www.roblox.com/asset/?id=id2"
end
gui.MouseLeave:Connect(function()
    mouse.Icon = "http://www.roblox.com/asset/?id=id1"
end

This should work as long as the local script is inside startergui as a parent not child. (Not Inside a text label, etc) also change the id's to the decal ids. This may sound obvious but yea, most people forget these things.