diff --git a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
index d89ad24..3c1c15e 100644
--- a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
+++ b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.html
@@ -23,91 +23,89 @@
 </div>
 <div class="modal-body modal-body-custom-height p-0">
     <table class="table table-sm table-hover table-layout-fixed mb-0" *ngIf="sdnDetails else noData">
-        <tbody>
-            <tr>
-                <th>
-                    {{'ID' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails._id)?sdnDetails._id:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'NAME' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.name)?sdnDetails.name:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'TYPE' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.type)?sdnDetails.type:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'OPERATIONALSTATE' | translate}}
-                </th>
-                <td>
-                    <span class="badge ml-1" [ngClass]="{'badge-warning text-white':sdnDetails._admin.operationalState === operationalStateFirstStep,
-          'badge-success':sdnDetails._admin.operationalState === operationalStateSecondStep,
-          'badge-danger':sdnDetails._admin.operationalState === operationalStateThirdStep}">
-                        {{(sdnDetails._admin.operationalState)?sdnDetails._admin.operationalState:'-'}}</span>
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'URL' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.url)?sdnDetails.url:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'USER' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.user)?sdnDetails.user:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'VERSION' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.version)?sdnDetails.version:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'PAGE.SDNCONTROLLER.DPID' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails.dpid)?sdnDetails.dpid:'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'CREATED' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails._admin.created)?this.sharedService.convertEpochTime(sdnDetails._admin.created):'-'}}
-                </td>
-            </tr>
-            <tr>
-                <th>
-                    {{'MODIFIED' | translate}}
-                </th>
-                <td>
-                    {{(sdnDetails._admin.modified)?this.sharedService.convertEpochTime(sdnDetails._admin.modified):'-'}}
-                </td>
-            </tr>
-        </tbody>
+        <tr>
+            <th>
+                {{'ID' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails._id)?sdnDetails._id:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'NAME' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.name)?sdnDetails.name:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'TYPE' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.type)?sdnDetails.type:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'OPERATIONALSTATE' | translate}}
+            </th>
+            <td>
+                <span class="badge ms-1" [ngClass]="{'badge bg-warning text-white':sdnDetails._admin.operationalState === operationalStateFirstStep,
+          'badge bg-success text-white':sdnDetails._admin.operationalState === operationalStateSecondStep,
+          'badge bg-danger text-white':sdnDetails._admin.operationalState === operationalStateThirdStep}">
+                    {{(sdnDetails._admin.operationalState)?sdnDetails._admin.operationalState:'-'}}</span>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'URL' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.url)?sdnDetails.url:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'USER' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.user)?sdnDetails.user:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'VERSION' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.version)?sdnDetails.version:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'PAGE.SDNCONTROLLER.DPID' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails.dpid)?sdnDetails.dpid:'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'CREATED' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails._admin.created)?this.sharedService.convertEpochTime(sdnDetails._admin.created):'-'}}
+            </td>
+        </tr>
+        <tr>
+            <th>
+                {{'MODIFIED' | translate}}
+            </th>
+            <td>
+                {{(sdnDetails._admin.modified)?this.sharedService.convertEpochTime(sdnDetails._admin.modified):'-'}}
+            </td>
+        </tr>
         <tr>
             <th>
                 {{'DEPLOYED' | translate}}
diff --git a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
index c68960c..7ff1ee9 100644
--- a/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
+++ b/src/app/sdn-controller/sdn-controller-info/SDNControllerInfoComponent.scss
@@ -14,4 +14,25 @@
  limitations under the License.
 
  Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
-*/
\ No newline at end of file
+*/
+@import "../../../assets/scss/variable.scss";
+.table tr:hover {
+	color: $body-color;
+	background-color: #f6fafe;
+  }
+  .table thead th {
+	vertical-align: bottom;
+	border-bottom: 2px solid rgba(0, 0, 0, .1);
+  }
+  .table th, .table td {
+	padding: 5px;
+	vertical-align: top;
+	border-top: 1px solid rgba(0, 0, 0, .1);
+	border-bottom: transparent;
+  }
+  .table b {
+	background: none;
+	color: $body-color;
+	padding-right: 0px;
+	padding-left: 0px;
+  }
\ No newline at end of file