diff --git a/web/pgadmin/browser/templates/browser/js/browser.js b/web/pgadmin/browser/templates/browser/js/browser.js
index ae99ff6..1607e04 100644
--- a/web/pgadmin/browser/templates/browser/js/browser.js
+++ b/web/pgadmin/browser/templates/browser/js/browser.js
@@ -55,10 +55,17 @@ function(require, $, _, S, Bootstrap, pgAdmin, alertify, CodeMirror) {
       'browser': new pgAdmin.Browser.Panel({
         name: 'browser',
         title: '{{ _('Browser') }}',
-        showTitle: false,
+        showTitle: true,
         isCloseable: false,
         isPrivate: true,
-        content: '<div id="tree" class="aciTree"></div>'
+        icon: 'fa fa-wrench',
+        content: '<div id="tree" class="aciTree"></div>',
+        onCreate: function(myPanel, $container) {
+          // Here we got panel container
+          var $panel = $(myPanel.$container).next();
+          // Add new class to style the browser title
+          $panel.find('.wcFrameTitle').addClass('pg_browser_title');
+        }
       }),
       // Properties of the object node
       'properties': new pgAdmin.Browser.Panel({
diff --git a/web/pgadmin/static/css/wcDocker/Themes/pgadmin.css b/web/pgadmin/static/css/wcDocker/Themes/pgadmin.css
index dabf54f..f56eb0d 100644
--- a/web/pgadmin/static/css/wcDocker/Themes/pgadmin.css
+++ b/web/pgadmin/static/css/wcDocker/Themes/pgadmin.css
@@ -333,4 +333,17 @@ span.fa.fa-arrow-left, .fa-arrow-right {

 i.wcTabIcon {
   min-width: 20px;
-}
\ No newline at end of file
+}
+
+.wcFrameTitleBar .pg_browser_title {
+  font-size: 13px;
+  font-weight: normal;
+  padding: 12px 0 0 7px;
+  color: #337ab7;
+  background-color: #E2E2E2 !important;
+}
+
+.wcFrameTitleBar .pg_browser_title .wcTabIcon {
+  margin-right: 4px;
+  color: #000;
+}