diff --git a/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html b/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
index 5937862..c9893c1 100644
--- a/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
+++ b/src/app/sdn-controller/new-sdn-controller/NewSDNControllerComponent.html
@@ -23,7 +23,7 @@
         </button>
     </div>
     <div class="modal-body modal-body-custom-height">
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-12 col-form-label mandatory-label"
                 [ngClass]="{'text-danger': sdnControllerForm.invalid === true && submitted === true}">{{'MANDATORYCHECK' | translate}}</label>
             <label class="col-sm-4 col-form-label" for="name">{{'NAME' | translate}}*</label>
@@ -32,7 +32,7 @@
                     formControlName="name" id="name" [ngClass]="{ 'is-invalid': submitted && f.name.errors }" required>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="sdn_type">{{'TYPE' | translate}}*</label>
             <div class="col-sm-8">
                 <ng-select [items]="sdnType" placeholder="{{'SELECT' | translate}}" bindLabel="title" bindValue="value"
@@ -42,7 +42,7 @@
                 <small class="text-info">{{'TYPEINFO' | translate}}</small>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="username">{{'USERNAME' | translate}}*</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control" placeholder="{{'USERNAME' | translate}}" type="text"
@@ -50,7 +50,7 @@
                     required>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="password">{{'PASSWORD' | translate}}*</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control" placeholder="{{'PASSWORD' | translate}}" type="password"
@@ -58,7 +58,7 @@
                     [ngClass]="{ 'is-invalid': submitted && f.password.errors }" required>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="ip">{{'IP' | translate}}*</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control" placeholder="{{'IP' | translate}}" type="text"
@@ -68,7 +68,7 @@
                 </div>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="port">{{'PORT' | translate}}*</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control" placeholder="{{'PORT' | translate}}" type="text"
@@ -78,7 +78,7 @@
                 </div>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="dpid">{{'PAGE.SDNCONTROLLER.DPID' | translate}}*</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control"
@@ -89,7 +89,7 @@
                 </div>
             </div>
         </div>
-        <div class="form-group row">
+        <div class="form-group row mb-3">
             <label class="col-sm-4 col-form-label" for="version">{{'VERSION' | translate}}</label>
             <div class="col-sm-8">
                 <input autocomplete="off" class="form-control" placeholder="{{'VERSION' | translate}}" type="text"