diff --git a/package.json b/package.json
index 89b9de8b69..340848292a 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
   },
   "scripts": {
     "build-fakeyou": "lerna exec --scope @storyteller/fakeyou.com -- yarn build",
-    "start-fakeyou": "PORT=80 BROWSER=none lerna exec --scope @storyteller/fakeyou.com -- yarn start",
+    "start-fakeyou": "PORT=7000 BROWSER=none lerna exec --scope @storyteller/fakeyou.com -- yarn start",
+    "start-fakeyou-80": "PORT=80 BROWSER=none lerna exec --scope @storyteller/fakeyou.com -- yarn start",
     "start-fakeyou-w": "set PORT=7000 && lerna exec --scope @storyteller/fakeyou.com -- yarn start-w",
     "build-storyteller": "lerna exec --scope @storyteller/storyteller.io -- yarn build",
     "start-storyteller": "PORT=7008 BROWSER=none lerna exec --scope @storyteller/storyteller.io -- yarn start",
diff --git a/packages/components/src/api/ApiConfig.ts b/packages/components/src/api/ApiConfig.ts
index 01a1ff836f..7a1932bd55 100644
--- a/packages/components/src/api/ApiConfig.ts
+++ b/packages/components/src/api/ApiConfig.ts
@@ -91,7 +91,7 @@ class ApiConfig {
     }
 
     this.domain = domain;
-    this.useSsl = false;
+    this.useSsl = useSsl;
     this.v2ApiHost = v2ApiHost;
   }
 
diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/ExploreVoicesModal.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/ExploreVoicesModal.tsx
new file mode 100644
index 0000000000..47b1893970
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/ExploreVoicesModal.tsx
@@ -0,0 +1,149 @@
+import React from "react";
+import { faArrowRightLong, faCompass, faGlobe, faTags } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Select from "react-select";
+import AsyncSelect from "react-select/async";
+import { SearchFieldClass } from "./SearchFieldClass";
+
+interface Props {
+
+}
+
+export function ExploreVoicesModal(props: Props) {
+
+  const options = [
+    { value: "chocolate", label: "Chocolate" },
+    { value: "strawberry", label: "Strawberry" },
+    { value: "vanilla", label: "Vanilla" },
+    { value: "chocolate", label: "Chocolate" },
+    { value: "strawberry", label: "Strawberry" },
+    { value: "vanilla", label: "Vanilla" },
+  ];
+
+  return (
+    <div
+      className="modal fade"
+      id="exploreModal"
+      aria-labelledby="ModalLabel"
+      aria-hidden="true"
+    >
+      <div className="modal-dialog modal-xl modal-fullscreen-lg-down modal-dialog-centered modal-dialog-scrollable">
+        <div className="modal-content">
+          <div className="modal-header p-3">
+            <h5 className="modal-title fw-semibold" id="ModalLabel">
+              <FontAwesomeIcon icon={faCompass} className="me-3" />
+              Explore Voices
+            </h5>
+            <button
+              type="button"
+              className="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </div>
+          <div className="modal-body p-3 p-lg-4">
+            <div className="row gx-3 gy-3">
+              <div className="col-12 col-lg-3 input-icon-search">
+                <label className="sub-title">Language</label>
+                <div>
+                  <span className="form-control-feedback">
+                    <FontAwesomeIcon icon={faGlobe} />
+                  </span>
+                  <Select
+                    defaultValue={options[2]}
+                    options={options}
+                    classNames={SearchFieldClass}
+                    />
+                </div>
+              </div>
+              <div className="col-12 col-md-12 col-lg-9 input-icon-search">
+                <div className="d-flex">
+                  <label className="sub-title flex-grow-1">
+                  Category
+                  </label>
+                  <a href="/" className="ms-3 fw-medium">
+                  Clear category filters
+                  </a>
+                </div>
+
+                <div className="d-flex flex-column flex-md-row gap-2">
+                  <div className="w-100">
+                  <span className="form-control-feedback">
+                    <FontAwesomeIcon icon={faTags} />
+                  </span>
+                  <Select
+                      defaultValue={options[2]}
+                      options={options}
+                      classNames={SearchFieldClass}
+                      className="w-100"
+                  />
+                </div>
+                <div className="d-none d-md-flex align-items-center">
+                  <FontAwesomeIcon
+                      icon={faArrowRightLong}
+                      className="fs-6 opacity-75"
+                  />
+                </div>
+                <div className="w-100">
+                  <span className="form-control-feedback">
+                      <FontAwesomeIcon icon={faTags} />
+                  </span>
+                  <Select
+                      defaultValue={options[2]}
+                      options={options}
+                      classNames={SearchFieldClass}
+                      className="w-100"
+                  />
+                </div>
+                <div className="d-none d-md-flex align-items-center">
+                  <FontAwesomeIcon
+                      icon={faArrowRightLong}
+                      className="fs-6 opacity-75"
+                  />
+                </div>
+                <div className="w-100">
+                  <span className="form-control-feedback">
+                      <FontAwesomeIcon icon={faTags} />
+                  </span>
+                  <Select
+                      defaultValue={options[2]}
+                      options={options}
+                      classNames={SearchFieldClass}
+                      className="w-100"
+                  />
+                </div>
+              </div>
+            </div>
+            {/* <div className="col-12 col-lg-3 input-icon-search">
+            <label className="sub-title">Sub-category 1</label>
+            <div>
+            <span className="form-control-feedback">
+            <FontAwesomeIcon icon={faTags} />
+            </span>
+            <Select
+            defaultValue={options[2]}
+            options={options}
+            classNames={SearchFieldClass}
+            />
+            </div>
+            </div>
+            <div className="col-12 col-lg-3 input-icon-search">
+            <label className="sub-title">Sub-category 2</label>
+            <div>
+            <span className="form-control-feedback">
+            <FontAwesomeIcon icon={faTags} />
+            </span>
+            <Select
+            defaultValue={options[2]}
+            options={options}
+            classNames={SearchFieldClass}
+            />
+            </div>
+            </div> */}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  )
+}
diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
index f3eb41be6e..957d4ad389 100644
--- a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
@@ -73,6 +73,7 @@ import Select from "react-select";
 import AsyncSelect from "react-select/async";
 import { SearchFieldClass } from "./SearchFieldClass";
 import { AVAILABLE_LANGUAGE_MAP, ENGLISH_LANGUAGE } from "../../../../_i18n/AvailableLanguageMap";
+import { ExploreVoicesModal } from "./ExploreVoicesModal";
 
 export interface EnqueueJobResponsePayload {
   success: boolean;
@@ -509,130 +510,7 @@ function TtsModelListPage(props: Props) {
                 </div>
 
                 {/* Explore Modal */}
-                <div
-                  className="modal fade"
-                  id="exploreModal"
-                  aria-labelledby="ModalLabel"
-                  aria-hidden="true"
-                >
-                  <div className="modal-dialog modal-xl modal-fullscreen-lg-down modal-dialog-centered modal-dialog-scrollable">
-                    <div className="modal-content">
-                      <div className="modal-header p-3">
-                        <h5 className="modal-title fw-semibold" id="ModalLabel">
-                          <FontAwesomeIcon icon={faCompass} className="me-3" />
-                          Explore Voices
-                        </h5>
-                        <button
-                          type="button"
-                          className="btn-close"
-                          data-bs-dismiss="modal"
-                          aria-label="Close"
-                        ></button>
-                      </div>
-                      <div className="modal-body p-3 p-lg-4">
-                        <div className="row gx-3 gy-3">
-                          <div className="col-12 col-lg-3 input-icon-search">
-                            <label className="sub-title">Language</label>
-                            <div>
-                              <span className="form-control-feedback">
-                                <FontAwesomeIcon icon={faGlobe} />
-                              </span>
-                              <Select
-                                defaultValue={options[2]}
-                                options={options}
-                                classNames={SearchFieldClass}
-                              />
-                            </div>
-                          </div>
-                          <div className="col-12 col-md-12 col-lg-9 input-icon-search">
-                            <div className="d-flex">
-                              <label className="sub-title flex-grow-1">
-                                Category
-                              </label>
-                              <a href="/" className="ms-3 fw-medium">
-                                Clear category filters
-                              </a>
-                            </div>
-
-                            <div className="d-flex flex-column flex-md-row gap-2">
-                              <div className="w-100">
-                                <span className="form-control-feedback">
-                                  <FontAwesomeIcon icon={faTags} />
-                                </span>
-                                <Select
-                                  defaultValue={options[2]}
-                                  options={options}
-                                  classNames={SearchFieldClass}
-                                  className="w-100"
-                                />
-                              </div>
-                              <div className="d-none d-md-flex align-items-center">
-                                <FontAwesomeIcon
-                                  icon={faArrowRightLong}
-                                  className="fs-6 opacity-75"
-                                />
-                              </div>
-                              <div className="w-100">
-                                <span className="form-control-feedback">
-                                  <FontAwesomeIcon icon={faTags} />
-                                </span>
-                                <Select
-                                  defaultValue={options[2]}
-                                  options={options}
-                                  classNames={SearchFieldClass}
-                                  className="w-100"
-                                />
-                              </div>
-                              <div className="d-none d-md-flex align-items-center">
-                                <FontAwesomeIcon
-                                  icon={faArrowRightLong}
-                                  className="fs-6 opacity-75"
-                                />
-                              </div>
-                              <div className="w-100">
-                                <span className="form-control-feedback">
-                                  <FontAwesomeIcon icon={faTags} />
-                                </span>
-                                <Select
-                                  defaultValue={options[2]}
-                                  options={options}
-                                  classNames={SearchFieldClass}
-                                  className="w-100"
-                                />
-                              </div>
-                            </div>
-                          </div>
-                          {/* <div className="col-12 col-lg-3 input-icon-search">
-                            <label className="sub-title">Sub-category 1</label>
-                            <div>
-                              <span className="form-control-feedback">
-                                <FontAwesomeIcon icon={faTags} />
-                              </span>
-                              <Select
-                                defaultValue={options[2]}
-                                options={options}
-                                classNames={SearchFieldClass}
-                              />
-                            </div>
-                          </div>
-                          <div className="col-12 col-lg-3 input-icon-search">
-                            <label className="sub-title">Sub-category 2</label>
-                            <div>
-                              <span className="form-control-feedback">
-                                <FontAwesomeIcon icon={faTags} />
-                              </span>
-                              <Select
-                                defaultValue={options[2]}
-                                options={options}
-                                classNames={SearchFieldClass}
-                              />
-                            </div>
-                          </div> */}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                <ExploreVoicesModal />
 
                 {directViewLink}