diff --git a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
index 5d20dcb023..18c057c2cb 100644
--- a/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/passwordField.vue
@@ -3,14 +3,18 @@
   todo : add toggle button
   -->
   <v-text-field
-    type="password"
+    :type="show ? 'text' : 'password'"
     dense
     outlined
     :rules="[v => !!v || !inputDetails.required  || 'Required']"
     :name="inputDetails.key"
     :required="inputDetails.valid"
     :placeholder="inputDetails.placeholder || ''"
-    v-on="parentListeners" v-model="localState" class="caption"/>
+    v-on="parentListeners" v-model="localState" class="caption">
+    <template v-slot:append>
+      <v-icon @click="show = !show">{{show ? 'visibility_off' : 'visibility'}}</v-icon>
+    </template>
+  </v-text-field>
 </template>
 
 <script>