closed as primarily opinion-based by maxathousand, Shreyas Tripathy, locationunknown, JonW♦ Mar 14 at 9:49
Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.
That gap you are seeing is the thickness of the plastic body clamshell which surrounds the laptop. There is a hole in this shell to allow access to the USB port. USB ports are called jellybean parts and are very standardized. The USB standard is very strict for how these connectors look and function to help standardize the connector and allow company A's plugs to fit into and work with company B's ports (go here and click on USB 2.0 Specification to see how specific it is). These ports generally look like the picture below and are unsightly as they were designed with basic function first in mind. Notice that the front edges have flaps that help a plug be guided into the port.
Some companies like Razer and Apple spent money to create their own ports.
Apple's Mac Pro (2009)
Razer spent $380,000 to create their custom USB port.
So generally it's cheaper for companies to use these common off-the-shelf jellybean USB ports with the flaps. Since these flaps aren't nice to look at, they tend to tuck them behind the plastic rather than leave them out and exposed. Also, during assembly, it's easier to align the circuit board (in this case computer motherboard) with the port being flush against the shell as opposed to having to guide the ports into the holes when inserting the circuit board.