I wanna change the position of the Inventory so that it inventory status and quantity selector show side by side

So this is the current theme and I drawn what I really want as you can see in the screenshot I just want to bring that inventory status to the side of quantity selector

You need to share a (preview) link to your store.

If it’s a Dawn-family theme, you can try adding this code to the “Product information” section “Custom CSS”.
And you should move the “Inventory status” to be right after “Quantity selector”.

.product__info-container {
  display: flex;
  flex-wrap: wrap;
}

.product__info-container > * {
  margin: 0;
  width: 100%;
}

.product-form__quantity,
.product__inventory {
  width: auto;
  flex: 0 0 auto;
  align-self: flex-end;
}
.product-form__quantity{
  margin-right:2rem
}
.product__inventory {
  padding-bottom:1rem;
}

Should produce this: