TweenService being funny

Both buttons have the exact same TweenInfo (TweenInfo.new(.7, Enum.EasingStyle.Quint, Enum.EasingDirection.Out)) yet the right button is super-fast?

Function:

local function switch(button: ImageButton)
	if focus ~= button.Name then
		if focus == "Right" then
			tweenservice:Create(script.Parent.Holder, TweenInfo.new(.7, Enum.EasingStyle.Quint, Enum.EasingDirection.Out), {CanvasPosition = Vector2.new(0,0)}):Play()
			tweenservice:Create(button, ti, {BackgroundColor3 = Color3.fromHex("#222F79")}):Play()
			tweenservice:Create(right, ti, {BackgroundColor3 = Color3.fromHex("#3656FF")}):Play()
			focus = "Left"
		elseif focus == "Left" then
			tweenservice:Create(script.Parent.Holder, TweenInfo.new(.7, Enum.EasingStyle.Quint, Enum.EasingDirection.Out), {CanvasPosition = script.Parent.Holder:GetAttribute("end")}):Play()
			tweenservice:Create(button, ti, {BackgroundColor3 = Color3.fromHex("#222F79")}):Play()
			tweenservice:Create(left, ti, {BackgroundColor3 = Color3.fromHex("#3656FF")}):Play()
			focus = "Right"
		end
	end
end

the reason why it isnt smooth is because of the easingdirection, if you want them to be the same you could just remove it or alter the type of easingdirection

I’ve obviously already tried removing and altering the easing direction, it gives the same result

what are the easing directions used in this video?

my only guess would be that its got something to do with the “end” attribute