diff --git a/Adaptation/FileHandlers/json/StaticSite/leo.html b/Adaptation/FileHandlers/json/StaticSite/leo.html
index 02700b4..63d3516 100644
--- a/Adaptation/FileHandlers/json/StaticSite/leo.html
+++ b/Adaptation/FileHandlers/json/StaticSite/leo.html
@@ -5,18 +5,23 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
     <title>FI Backlog HiRel (Leominster)</title>
-    <link href="/igniteui/css/themes/bootstrap3/default/infragistics.theme.css?v=2024-09-07-08-19" rel="stylesheet" />
-    <link href="/igniteui/css/structure/infragistics.css?v=2024-09-07-08-19" rel="stylesheet" />
-    <script src="/js/jquery-3.6.0.min.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/js/jquery-ui.min.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/js/leo.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.core.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.lob.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.dv.js?v=2024-09-07-08-19" type="text/javascript"></script>
+    <link href="/igniteui/css/themes/bootstrap3/default/infragistics.theme.css?v=2024-10-04-08-34" rel="stylesheet" />
+    <link href="/igniteui/css/structure/infragistics.css?v=2024-10-04-08-34" rel="stylesheet" />
+    <link href="/styles/leo.css?no-cache=2024-10-04-08-34" rel="stylesheet" />
+    <script src="/js/jquery-3.6.0.min.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/js/jquery-ui.min.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/js/leo.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.core.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.lob.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.dv.js?v=2024-10-04-08-34" type="text/javascript"></script>
 </head>
 <body>
+    <div style="float: right;">
+        <a target="_blank" href="/json/Feature.html">Feature(s)</a>
+    </div>
+
     <h2>FI Backlog HiRel (Leominster)</h2>
-    
+
     <div style="height: 550px;" id="HeaderGridDiv">
         <table id="HeaderGrid"></table>
     </div>
@@ -30,7 +35,7 @@
     <script>
     
         $(document).ready(function () {    
-            initIndex("/json/work-items.json?v=2024-09-07-08-19");    
+            initIndex("/json/work-items.json?v=2024-10-04-08-34");    
         });
     
     </script>
diff --git a/Adaptation/FileHandlers/json/StaticSite/mes.html b/Adaptation/FileHandlers/json/StaticSite/mes.html
index e924803..4cf2981 100644
--- a/Adaptation/FileHandlers/json/StaticSite/mes.html
+++ b/Adaptation/FileHandlers/json/StaticSite/mes.html
@@ -5,18 +5,23 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
     <title>FI Backlog Mesa</title>
-    <link href="/igniteui/css/themes/bootstrap3/default/infragistics.theme.css?v=2024-09-07-08-19" rel="stylesheet" />
-    <link href="/igniteui/css/structure/infragistics.css?v=2024-09-07-08-19" rel="stylesheet" />
-    <script src="/js/jquery-3.6.0.min.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/js/jquery-ui.min.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/js/mes.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.core.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.lob.js?v=2024-09-07-08-19" type="text/javascript"></script>
-    <script src="/igniteui/js/infragistics.dv.js?v=2024-09-07-08-19" type="text/javascript"></script>
+    <link href="/igniteui/css/themes/bootstrap3/default/infragistics.theme.css?v=2024-10-04-08-34" rel="stylesheet" />
+    <link href="/igniteui/css/structure/infragistics.css?v=2024-10-04-08-34" rel="stylesheet" />
+    <link href="/styles/mes.css?no-cache=2024-10-04-08-34" rel="stylesheet" />
+    <script src="/js/jquery-3.6.0.min.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/js/jquery-ui.min.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/js/mes.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.core.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.lob.js?v=2024-10-04-08-34" type="text/javascript"></script>
+    <script src="/igniteui/js/infragistics.dv.js?v=2024-10-04-08-34" type="text/javascript"></script>
 </head>
 <body>
+    <div style="float: right;">
+        <a target="_blank" href="/json/Feature.html">Feature(s)</a>
+    </div>
+
     <h2>FI Backlog Mesa</h2>
-    
+
     <div style="height: 550px;" id="HeaderGridDiv">
         <table id="HeaderGrid"></table>
     </div>
@@ -30,7 +35,7 @@
     <script>
     
         $(document).ready(function () {    
-            initIndex("/json/work-items.json?v=2024-09-07-08-19");    
+            initIndex("/json/work-items.json?v=2024-10-04-08-34");    
         });
     
     </script>
diff --git a/Adaptation/FileHandlers/json/StaticSite/styles/leo.css b/Adaptation/FileHandlers/json/StaticSite/styles/leo.css
new file mode 100644
index 0000000..dbeaf02
--- /dev/null
+++ b/Adaptation/FileHandlers/json/StaticSite/styles/leo.css
@@ -0,0 +1,12 @@
+#HeaderGridDiv,
+#DetailsGridDiv {
+    font-size: 12px;
+}
+
+#HeaderGrid {
+    font-family: monospace;
+}
+
+#AllGrid {
+    font-family: monospace;
+}
\ No newline at end of file
diff --git a/Adaptation/FileHandlers/json/StaticSite/styles/mes.css b/Adaptation/FileHandlers/json/StaticSite/styles/mes.css
new file mode 100644
index 0000000..dbeaf02
--- /dev/null
+++ b/Adaptation/FileHandlers/json/StaticSite/styles/mes.css
@@ -0,0 +1,12 @@
+#HeaderGridDiv,
+#DetailsGridDiv {
+    font-size: 12px;
+}
+
+#HeaderGrid {
+    font-family: monospace;
+}
+
+#AllGrid {
+    font-family: monospace;
+}
\ No newline at end of file
