How to fix the phone compartment on a 2013 Ford F-150?

I have a 2013 Ford F-150 xlt and under where the radio and AC controls are there's a compartment where you can put your phone and it includes an AUX and USB port. It can open and close and the part that does so came out when something heavy was placed on it. It looks like it could slip back in with some force but I don't want to try and end up breaking it.

Hi so buy anon slip mat for it to sit on.

Try to work out how the part fits. If the hinges slipped out because the casing was distorted by the heavy object, then you will need to pull down on the compartment not the lid. As you say they break easy and cost a mint. It could be that it will slip back in easily however. If you notice any broken plastic, then you may need a new part. Get one from a wrecker as interior auto plastic is the most expensive material known to man.