diff --git a/src/app/_layout/header/horizontal/horizontal.component.html b/src/app/_layout/header/horizontal/horizontal.component.html
index b13b56b..cdb670d 100644
--- a/src/app/_layout/header/horizontal/horizontal.component.html
+++ b/src/app/_layout/header/horizontal/horizontal.component.html
@@ -2,7 +2,7 @@
 <nav
   class="top-header header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow navbar-static-top navbar-light navbar-brand-center"
   id="top-header" [ngClass]="selectedHeaderNavBarClass">
-  <div class="navbar-wrapper">
+  <div class="navbar-wrapper" style="background-color: #2c343b !important;">
     <div id="navbar-header" class="navbar-header">
       <ul class="nav navbar-nav flex-row">
         <li class="nav-item mobile-menu d-md-none mr-auto" ><a
@@ -11,7 +11,8 @@
         <li class="nav-item"><a [routerLink]="['/monitoring']" class="navbar-brand"><img class="brand-logo" alt="modern admin logo"
               src="../../../../assets/images/logo/logo.png">
             <!-- <h3 class="brand-text">{{_themeSettingsConfig.brand.brand_name}}</h3> -->
-            <h3 class="brand-text">{{_themeSettingsConfig.brand.brand_name}} - (V@2024.05.22.01)</h3>
+            <!-- <h3 class="brand-text">{{_themeSettingsConfig.brand.brand_name}} - (V@2024.05.22.01)</h3> -->
+            <h3 class="brand-text" style="color: aliceblue;">Hemat - (V@2024.05.22.01)</h3>
           </a></li>
 
         <li class="nav-item d-md-none"><a class="nav-link open-navbar-container" data-toggle="collapse"
diff --git a/src/app/content/hemat-app/monitoring/building/building.component.html b/src/app/content/hemat-app/monitoring/building/building.component.html
index 3b3e800..7d317df 100644
--- a/src/app/content/hemat-app/monitoring/building/building.component.html
+++ b/src/app/content/hemat-app/monitoring/building/building.component.html
@@ -106,7 +106,7 @@
                   </div>
                 </div>
 
-                <!-- <div class="form-group text-center">
+                <div class="form-group text-center">
                   <button
                     type="button"
                     class="btn btn-float btn-square btn-outline-secondary"
@@ -135,9 +135,8 @@
                   >
                     <i class="feather ft-log-in"></i>
                   </button>
-                </div> -->
-                <div class="form-group text-center">
-                  <!-- Social Icons Outline Buttons -->
+                </div>
+                <!-- <div class="form-group text-center">
                   <button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-adn"><span
                       class="la la-adn"></span></button>
                   <button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-bitbucket"><span
@@ -152,7 +151,7 @@
                       class="la la-foursquare font-medium-4"></span></button>
                   <button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
                       class="la la-github font-medium-4"></span></button>
-                </div>
+                </div> -->
               </div>
             </div>
           </div>