Gui spread out fix?

This is a simple script to increase the size of the chat box and add another message. However, whenever the Canvas size increases, the messages spread further apart. Is there any way to fix this issue?


event.OnClientEvent:Connect(function(given)
	print(given)
	local chatted = chat.previous_message:Clone()
	chatted.Text = given
	chatted.Parent = chat 
	chat.CanvasSize = chat.CanvasSize + UDim2.new(0,0,0.264,0)
	ts:Create(chatted,TweenInfo.new(1,Enum.EasingStyle.Bounce),{Position = chat.previous_message.Position + UDim2.new(0,0,0.264,0)}):Play()
	wait(1)
	chatted.Position = previous_message.Position + UDim2.new(0,0,0.11,0)
	previous_message = chatted
end)

From what you have described, this problem can occur when your GUI’s are all scaled (I think at least).
Could you provide a video of your problem?

Could you attach a picture/video? Maybe you would want to make the messages bigger as well as the chat box?

image
image
image
image +
image

This is the progression of messages, I have no idea how to video capture it.

use the Offset parameter rather than the scale. Scale is dependent to the Canvas Scale, while offset uses the pixels on your screen

But If I cant increase the Canvas Size how will I fit new messages into the chat?