why can't i move my react bootstrapmodal over to the left

To move a React Bootstrap Modal to the left, you can use CSS to override the default positioning. Here's an example of how you can achieve this:

<Modal
  // other props
  className="custom-modal"
>
  {/ modal content /}
</Modal>

Then, in your CSS file or inline styles, you can define the .custom-modal class to adjust the positioning:

.custom-modal {
  left: 0;
  transform: translateX(0);
}

This will move the modal to the left side of the screen. Adjust the values as needed to achieve the desired positioning.

Please note that the above solution assumes you are using React Bootstrap and have access to the Modal component. If you are using a different library or custom implementation, the approach may vary.