diff --git a/src/store/index.js b/src/store/index.js
index 5bc5ae7b..28dbc3d7 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -477,17 +477,20 @@ export const useMainStore = defineStore({
         },
 
         getVehicleModels() {
+            const encodedMake = encodeURIComponent(this.order.vehicle.make);
             return globalMethods.callHttpClient({
                 method: endpoints.GetVehicleModels.method,
-                endpoint: `${endpoints.GetVehicleModels.url}/${this.order.vehicle.year}/${this.order.vehicle.make}`,
+                endpoint: `${endpoints.GetVehicleModels.url}/${this.order.vehicle.year}/${encodedMake}`,
                 payload: {}
             });
         },
 
         getVehicleStyles() {
+            const encodedMake = encodeURIComponent(this.order.vehicle.make);
+            const encodedModel = encodeURIComponent(this.order.vehicle.model);
             return globalMethods.callHttpClient({
                 method: endpoints.GetVehicleStyles.method,
-                endpoint: `${endpoints.GetVehicleStyles.url}/${this.order.vehicle.year}/${this.order.vehicle.make}/${this.order.vehicle.model}`,
+                endpoint: `${endpoints.GetVehicleStyles.url}/${this.order.vehicle.year}/${encodedMake}/${encodedModel}`,
                 payload: {}
             });
         },