diff --git a/docker-compose.yml.example b/docker-compose.yml.example
index 02b1d3fb1..4a5689923 100644
--- a/docker-compose.yml.example
+++ b/docker-compose.yml.example
@@ -3,9 +3,10 @@ services:
   frontend:
     container_name: frontend
     image: ghcr.io/joaovitoriasilva/endurain/frontend:latest
-    #environment:
-      #- MY_APP_BACKEND_PROTOCOL=http # http or https, default is http
-      #- MY_APP_BACKEND_HOST=localhost:98 # api host or local ip (example: 192.168.1.10:98), default is localhost:98
+    environment:
+      - MY_APP_BACKEND_PROTOCOL=http # http or https, default is http
+      - MY_APP_BACKEND_HOST=localhost:98 # api host or local ip (example: 192.168.1.10:98), default is localhost:98
+      - MY_APP_STRAVA_CLIENT_ID=changeme
     # Configure volume if you want to edit the code locally by clomming the repo
     #volumes:
     #  - <local_path>/endurain/frontend/app:/app
@@ -25,7 +26,7 @@ services:
       - STRAVA_AUTH_CODE=changeme
       - GEOCODES_MAPS_API=changeme
       - FRONTEND_PROTOCOL=http # default is http
-      - FRONTEND_HOST=frontend:8080 # frontend host or local ip (example: 192.168.1.10:8080), default is localhost:8080
+      - FRONTEND_HOST=localhost:8080 # frontend host or local ip (example: 192.168.1.10:8080), default is localhost:8080
     ports:
       - "98:80" # API port, change per your needs
     volumes:
diff --git a/frontend/app/src/components/Activities/Modals/EditActivityModalComponent.vue b/frontend/app/src/components/Activities/Modals/EditActivityModalComponent.vue
index 3f16ba7bb..7e7d8fde7 100644
--- a/frontend/app/src/components/Activities/Modals/EditActivityModalComponent.vue
+++ b/frontend/app/src/components/Activities/Modals/EditActivityModalComponent.vue
@@ -18,13 +18,6 @@
                         <!-- type fields -->
                         <label for="activityTypeEdit"><b>* {{ $t("editActivityModal.modalEditActivityTypeLabel") }}</b></label>
                         <select class="form-control" name="activityTypeEdit" v-model="editActivityType" required>
-                            <option value="0">{{ $t("editActivityModal.modalEditActivityVisibilityOption0") }}</option>
-                            <option value="1">{{ $t("editActivityModal.modalEditActivityVisibilityOption1") }}</option>
-                            <option value="2">{{ $t("editActivityModal.modalEditActivityVisibilityOption2") }}</option>
-                        </select>
-                        <!-- visibility fields -->
-                        <label for="activityVisibilityEdit"><b>* {{ $t("editActivityModal.modalEditActivityVisibilityLabel") }}</b></label>
-                        <select class="form-control" name="activityVisibilityEdit" v-model="editActivityVisibility" required>
                             <option value="1">{{ $t("editActivityModal.modalEditActivityTypeOption1") }}</option>
                             <option value="2">{{ $t("editActivityModal.modalEditActivityTypeOption2") }}</option>
                             <option value="3">{{ $t("editActivityModal.modalEditActivityTypeOption3") }}</option>
@@ -38,6 +31,13 @@
                             <option value="11">{{ $t("editActivityModal.modalEditActivityTypeOption11") }}</option>
                             <option value="12">{{ $t("editActivityModal.modalEditActivityTypeOption12") }}</option>
                         </select>
+                        <!-- visibility fields -->
+                        <label for="activityVisibilityEdit"><b>* {{ $t("editActivityModal.modalEditActivityVisibilityLabel") }}</b></label>
+                        <select class="form-control" name="activityVisibilityEdit" v-model="editActivityVisibility" required>
+                            <option value="0">{{ $t("editActivityModal.modalEditActivityVisibilityOption0") }}</option>
+                            <option value="1">{{ $t("editActivityModal.modalEditActivityVisibilityOption1") }}</option>
+                            <option value="2">{{ $t("editActivityModal.modalEditActivityVisibilityOption2") }}</option>
+                        </select>
                         <p>* {{ $t("generalItens.requiredField") }}</p>
                     </div>
                     <div class="modal-footer">