diff --git a/src/Eagle.ts b/src/Eagle.ts
index 2ed8bdcb..5ce8f3b0 100644
--- a/src/Eagle.ts
+++ b/src/Eagle.ts
@@ -382,7 +382,15 @@ export class Eagle {
             return "";
         }
 
-        return fileInfo.getText();
+        return fileInfo.getHtml();
+    }, this);
+
+    activeConfigHtml : ko.PureComputed<string> = ko.pureComputed(() => {
+        if (this.logicalGraph().getActiveGraphConfig() === null){
+            return "";
+        }
+
+        return  "<strong>Config:</strong> " +this.logicalGraph().getActiveGraphConfig().getName()
     }, this);
 
     toggleWindows = () : void  => {
diff --git a/src/FileInfo.ts b/src/FileInfo.ts
index 2ac98bf2..f3418265 100644
--- a/src/FileInfo.ts
+++ b/src/FileInfo.ts
@@ -380,6 +380,18 @@ export class FileInfo {
         }
     }
 
+    getHtml = () : string => {
+        if (this.repositoryName !== ""){
+            if (this.path === ""){
+                return "<strong>" + this.repositoryService + "</strong>: " + this.repositoryName + " (" + this.repositoryBranch + "): " + this.name;
+            } else {
+                return "<strong>" + this.repositoryService + "</strong>: " + this.repositoryName + " (" + this.repositoryBranch + "): " + this.path + "/" + this.name;
+            }
+        } else {
+            return this.name;
+        }
+    }
+
     toString = () : string => {
         let s = "";
 
diff --git a/static/base.css b/static/base.css
index b28d2e53..1163e457 100644
--- a/static/base.css
+++ b/static/base.css
@@ -2057,6 +2057,10 @@ ul.nav.navbar-nav .dropdown-item:hover{
     transform: translateY(-50%);
 }
 
+#activeConfig{
+    margin-left:5px;
+}
+
 .navbar-light .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 0.55);
 }
diff --git a/static/tables.css b/static/tables.css
index 9b2ea961..5a8280d1 100644
--- a/static/tables.css
+++ b/static/tables.css
@@ -178,6 +178,7 @@ td:first-child input {
 
 #graphConfigurationsTableWrapper thead{
     top: 0px;
+    border-top: 1px white solid;
 }
 
 .eagleTableWrapper th{
diff --git a/templates/inspector.html b/templates/inspector.html
index 1985138f..452c82c9 100644
--- a/templates/inspector.html
+++ b/templates/inspector.html
@@ -271,17 +271,18 @@ <h4>Graph Info</h4>
                     <div class="headerButtons inspectorHeaderButtons" id="objectInspectorHeaderIconRow">
                         <div class="row">
                             <div class="col col-6">
-                                <i class="material-icons interactive" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().fullPath()" data-bs-toggle="tooltip" data-html="true">link</i>
-                                <i class="material-icons interactive clickable" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().shortDescription, click: function(){Utils.showModelDataModal('Graph Info', $root.logicalGraph().fileInfo());}" data-bs-toggle="tooltip" data-html="true">sticky_note_2</i>
-                                <i class="material-icons interactive clickable" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().detailedDescription, click: function(){Utils.showModelDataModal('Graph Info', $root.logicalGraph().fileInfo());}" data-bs-toggle="tooltip" data-html="true">menu_book</i>
-                            </div>
-                            <div class="col-6 col text-right">
                                 <!-- ko if: $root.logicalGraph().fileInfo().repositoryService === Repository.Service.File -->
-                                    <i class="material-icons interactive" data-bs-placement="right" data-bind="eagleTooltip: 'This is a Local Graph File'" data-bs-toggle="tooltip" data-html="true">folder_open</i>
+                                <i class="material-icons interactive" data-bs-placement="right" data-bind="eagleTooltip: 'This is a Local Graph File'" data-bs-toggle="tooltip" data-html="true">folder_open</i>
                                 <!-- /ko -->
                                 <!-- ko if: $root.logicalGraph().fileInfo().repositoryService === Repository.Service.GitHub || $root.logicalGraph().fileInfo().repositoryService === Repository.Service.GitLab -->
                                     <i class="material-icons interactive" data-bs-placement="right" data-bind="eagleTooltip: 'This is a Graph File from GitHub or GitLab'" data-bs-toggle="tooltip" data-html="true">account_tree</i>
                                 <!-- /ko -->
+                                <i class="material-icons interactive" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().fullPath()" data-bs-toggle="tooltip" data-html="true">link</i>
+                                <i class="material-icons interactive clickable" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().shortDescription, click: function(){Utils.showModelDataModal('Graph Info', $root.logicalGraph().fileInfo());}" data-bs-toggle="tooltip" data-html="true">sticky_note_2</i>
+                                <i class="material-icons interactive clickable" data-bs-placement="right" data-bind="eagleTooltip: $root.logicalGraph().fileInfo().detailedDescription, click: function(){Utils.showModelDataModal('Graph Info', $root.logicalGraph().fileInfo());}" data-bs-toggle="tooltip" data-html="true">menu_book</i>
+                            </div>
+                            <div class="col-6 col text-right">
+                                <i class="material-icons interactive clickable" data-bs-placement="right" data-bind="eagleTooltip: 'View graph configurations table', click: GraphConfigurationsTable.openTable" data-bs-toggle="tooltip" data-html="true">dns</i>
                             </div>
                         </div>
                     </div>
@@ -310,6 +311,22 @@ <h5>Modified Author: </h5>
                                 <span data-bind="text:$root.logicalGraph().fileInfo().lastModifiedName, eagleTooltip:$root.logicalGraph().fileInfo().lastModifiedName"></span>
                             </div>
                         </div>
+                        <div class="row inspectorEdgeSrcNodeId contentObject">
+                            <div class="col-6 col contentObjectTitle">
+                                <h5>Active Config: </h5>
+                            </div>  
+                            <div class="col-6 col contentObjectValue">
+                                <span data-bind="text:$root.logicalGraph().getActiveGraphConfig()?.getName(), eagleTooltip:$root.logicalGraph().getActiveGraphConfig()?.getDescription()"></span>
+                            </div>
+                        </div>
+                        <div class="row inspectorEdgeSrcNodeId contentObject">
+                            <div class="col-6 col contentObjectTitle">
+                                <h5>Config Fields: </h5>
+                            </div>  
+                            <div class="col-6 col contentObjectValue">
+                                <span data-bind="text:$root.logicalGraph().getActiveGraphConfig()?.numFields(), eagleTooltip:'Number of fields overwritten by the active config.'"></span>
+                            </div>
+                        </div>
                     </div>
                 </div>  
             <!-- /ko -->
diff --git a/templates/navbar.html b/templates/navbar.html
index 59830ce9..abcf5b49 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -226,6 +226,7 @@
     </div>
 </nav>
 <div id="graphNameWrapper" data-bind="style: { 'visibility':eagle.getEagleIsReady()}">
-    <span id="filename" data-bind="text: repositoryFileName"></span>
+    <span id="filename" data-bind="html: repositoryFileName"></span>
+    <span id="activeConfig" data-bind="html: activeConfigHtml, eagleTooltip:'Name of the active graph configuration'"></span>
     <span id="fileIsModified" class="material-icons md-18" data-bind="visible: eagle.logicalGraph().fileInfo().modified">draw</span>
 </div>