diff --git a/src/app/ib-support/feedback-setup/feedback-setup.component.html b/src/app/ib-support/feedback-setup/feedback-setup.component.html
index d33b163..9deeeda 100644
--- a/src/app/ib-support/feedback-setup/feedback-setup.component.html
+++ b/src/app/ib-support/feedback-setup/feedback-setup.component.html
@@ -1 +1,126 @@
-<p>feedback-setup works!</p>
+<div id="layout-wrapper">
+  <div class="inner-pg-sp">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <div class="d-sm-flex align-items-center justify-content-between navbar-header p-0">
+       
+          </div>
+        </div>
+      </div>
+      <div class="container-fluid">
+                <div class="col-xl-12 mt-4">
+                    <div class="card border">
+                        <div class="card-body">
+                            <div class="table-section">
+                                <div class="row">
+                                    <div class="col-lg-12">
+                                        <div class="card-body mt-2 p-0">
+                                            <div class="card mb-0 mt-2">
+                                                <div
+                                                    class="card-header font-edit-13-child d-flex justify-content-between align-items-center">
+                                                    {{'credentialsTitle' | translate}}
+                                                </div>
+                                                <div class="card-body">
+                                                    <form>
+                                                         <div class="row g-3 mb-3">
+                                                            <div class="col-md-6">
+                                                                <div class="d-flex align-items-center gap-2">
+                                                                    <label for="userID" class="text-nowrap">
+                                                                        {{ 'Email' | translate }}<span
+                                                                            class="mandatory">*</span>
+                                                                    </label>
+                                                                    <div class="password-wrapper position-relative w-100">
+                                                                        <div class="d-flex flex-row align-items-stretch">
+                                                                        <input type="text" id="userID"
+                                                                            class="form-control"
+                                                                           
+                                                                            placeholder="{{ 'Email' | translate }}" appNoWhitespaces
+                                                                            />
+                                                                            
+                                                                            
+                                                                       </div>
+                                                                        <!-- <div class="text-danger">
+                                                                            {{ 'requiredField' | translate }}
+                                                                        </div> -->
+                                                                    </div>
+                                                                </div>
+                                                                <div class="mt-3">
+                                                                  <p class="text-info h5">{{'2-stepAppPassword' | translate}}</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="col-md-6">
+                                                                <div class="d-flex align-items-start gap-2">
+                                                                    <label for="password"
+                                                                        class="text-nowrap mt-2">
+                                                                        {{ 'password' | translate }}<span
+                                                                            class="mandatory">*</span>
+                                                                    </label>
+                                                                    <div class="password-wrapper position-relative w-100">
+                                                                    
+                                                                        <input id="password" class="form-control" autocomplete="new-password" type="{{passwordType}}" maxlength="500"
+                                                                            placeholder="{{ 'password' | translate }}" appNoWhitespaces rows="3" />
+                                                                        <app-password-hide-show #psh class="password-eye align-items-stretch" [showPassword]="true"
+                                                                            (onEyeClick)="togglePasswordType()"></app-password-hide-show>
+                                                                    
+                                                                    
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+
+                                                        </div>
+                                                         <div class="row g-3 mb-3">
+                                                             <div class="col-md-6">
+                                                                <div class="d-flex align-items-center gap-2">
+                                                                    <label for="confirmPassword" class="text-nowrap">
+                                                                        {{ 'confirmPassword' | translate }}<span
+                                                                            class="mandatory">*</span>
+                                                                    </label>
+                                                                    <div class="password-wrapper position-relative w-100">
+                                                                        <input id="confirmPassword" class="form-control" type="{{confirmPasswordType}}"
+                                                                            placeholder="{{ 'confirmPassword' | translate }}" appNoWhitespaces />
+                                                                        <app-password-hide-show #cpsh class="password-eye align-items-stretch" [showPassword]="true"
+                                                                            (onEyeClick)="toggleConfirmPasswordType()"></app-password-hide-show>
+                                                                    
+                                                                        <!-- <div class="text-danger">
+                                                                                                                                                 <div>
+                                                                                                                                                        {{ 'requiredField' | translate }}
+                                                                                                                                                    </div>
+                                                                                                                                            </div>
+                                                                                                                                            <div>
+                                                                                                                                                {{ 'expiryBeforeRenewal' | translate }}
+                                                                                                                                            </div> -->
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                            <div class="col-md-6">
+                                                                
+                                                            </div>
+                                                        </div>
+                                                         <div class="row g-3 mb-3">
+                                                            <div class="col-md-6 ms-auto text-end">
+                                                                <button
+                                                                    class="btn btn-primary waves-effect waves-light"
+                                                                    
+                                                                    >{{'save' | translate}}</button>
+                                                               
+                                                               
+                                                            </div>
+                                                        </div>
+
+                                                      
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+     
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/ib-support/feedback-setup/feedback-setup.component.ts b/src/app/ib-support/feedback-setup/feedback-setup.component.ts
index 240dadc..c16cab8 100644
--- a/src/app/ib-support/feedback-setup/feedback-setup.component.ts
+++ b/src/app/ib-support/feedback-setup/feedback-setup.component.ts
@@ -1,11 +1,28 @@
-import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component, ViewChild } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgSelectComponent } from '@ng-select/ng-select';
+import { TranslateModule } from '@ngx-translate/core';
+import { pageSizeOptions } from '../../utils/app.constants';
+import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component';
 
 @Component({
   selector: 'app-feedback-setup',
-  imports: [],
+  imports: [TranslateModule, ReactiveFormsModule, FormsModule, CommonModule, PasswordHideShowComponent],
   templateUrl: './feedback-setup.component.html',
   styleUrl: './feedback-setup.component.scss'
 })
 export class FeedbackSetupComponent {
+  @ViewChild('psh') passwordHideShow ?: PasswordHideShowComponent
+  @ViewChild('cpsh') confirmPasswordHideShow ?: PasswordHideShowComponent
 
+  passwordType: string = 'password';
+  confirmPasswordType: string = 'password';
+  
+  togglePasswordType(){
+    this.passwordType = this.passwordHideShow?.showPassword ? 'password' : 'text';
+  }
+  toggleConfirmPasswordType(){
+    this.confirmPasswordType = this.confirmPasswordHideShow?.showPassword ? 'password' : 'text';
+  }
 }