diff --git a/front/css/dark-patch.css b/front/css/dark-patch.css
index 0fb8d73e..987db900 100644
--- a/front/css/dark-patch.css
+++ b/front/css/dark-patch.css
@@ -654,4 +654,4 @@ input[type="password"]::-webkit-caps-lock-indicator {
 .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
   background-color: rgb(189,192,198);
   color: #444;
-}
\ No newline at end of file
+}
diff --git a/front/css/font/SourceSans3-Black.otf.woff2 b/front/css/font/SourceSans3-Black.otf.woff2
new file mode 100644
index 00000000..e2b2f15e
Binary files /dev/null and b/front/css/font/SourceSans3-Black.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-BlackIt.otf.woff2 b/front/css/font/SourceSans3-BlackIt.otf.woff2
new file mode 100644
index 00000000..f0887137
Binary files /dev/null and b/front/css/font/SourceSans3-BlackIt.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-Bold.otf.woff2 b/front/css/font/SourceSans3-Bold.otf.woff2
new file mode 100644
index 00000000..815b88e0
Binary files /dev/null and b/front/css/font/SourceSans3-Bold.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-BoldIt.otf.woff2 b/front/css/font/SourceSans3-BoldIt.otf.woff2
new file mode 100644
index 00000000..89db4758
Binary files /dev/null and b/front/css/font/SourceSans3-BoldIt.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-ExtraLight.otf.woff2 b/front/css/font/SourceSans3-ExtraLight.otf.woff2
new file mode 100644
index 00000000..28771286
Binary files /dev/null and b/front/css/font/SourceSans3-ExtraLight.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-ExtraLightIt.otf.woff2 b/front/css/font/SourceSans3-ExtraLightIt.otf.woff2
new file mode 100644
index 00000000..72b11708
Binary files /dev/null and b/front/css/font/SourceSans3-ExtraLightIt.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-It.otf.woff2 b/front/css/font/SourceSans3-It.otf.woff2
new file mode 100644
index 00000000..351d44c5
Binary files /dev/null and b/front/css/font/SourceSans3-It.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-Light.otf.woff2 b/front/css/font/SourceSans3-Light.otf.woff2
new file mode 100644
index 00000000..3a105af0
Binary files /dev/null and b/front/css/font/SourceSans3-Light.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-LightIt.otf.woff2 b/front/css/font/SourceSans3-LightIt.otf.woff2
new file mode 100644
index 00000000..a10fb8fb
Binary files /dev/null and b/front/css/font/SourceSans3-LightIt.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-Regular.otf.woff2 b/front/css/font/SourceSans3-Regular.otf.woff2
new file mode 100644
index 00000000..2326558a
Binary files /dev/null and b/front/css/font/SourceSans3-Regular.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-Semibold.otf.woff2 b/front/css/font/SourceSans3-Semibold.otf.woff2
new file mode 100644
index 00000000..503c7c51
Binary files /dev/null and b/front/css/font/SourceSans3-Semibold.otf.woff2 differ
diff --git a/front/css/font/SourceSans3-SemiboldIt.otf.woff2 b/front/css/font/SourceSans3-SemiboldIt.otf.woff2
new file mode 100644
index 00000000..ed97e5f3
Binary files /dev/null and b/front/css/font/SourceSans3-SemiboldIt.otf.woff2 differ
diff --git a/front/css/font/SourceSans3VF-Italic.otf.woff2 b/front/css/font/SourceSans3VF-Italic.otf.woff2
new file mode 100644
index 00000000..05eb65c4
Binary files /dev/null and b/front/css/font/SourceSans3VF-Italic.otf.woff2 differ
diff --git a/front/css/font/SourceSans3VF-Roman.otf.woff2 b/front/css/font/SourceSans3VF-Roman.otf.woff2
new file mode 100644
index 00000000..2d2b6fb7
Binary files /dev/null and b/front/css/font/SourceSans3VF-Roman.otf.woff2 differ
diff --git a/front/css/offline-font.css b/front/css/offline-font.css
new file mode 100644
index 00000000..94aab1ca
--- /dev/null
+++ b/front/css/offline-font.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  src: url('font/SourceSans3-Regular.otf.woff2') format('woff2');
+}
\ No newline at end of file
diff --git a/front/img/manifest.json b/front/img/manifest.json
index 40b5b76f..b9567963 100644
--- a/front/img/manifest.json
+++ b/front/img/manifest.json
@@ -2,6 +2,6 @@
     "name": "Pi-Alert Console",
     "short_name": "Pi-Alert",
     "display": "standalone",
-    "theme_color": "#282b30",
-    "background_color": "#282b30"
+    "theme_color": "#367fa9",
+    "background_color": "#367fa9"
 }
diff --git a/front/index.php b/front/index.php
index c784b3a9..664061dc 100644
--- a/front/index.php
+++ b/front/index.php
@@ -263,7 +263,7 @@ function initializeDatatable () {
             default:          color='aqua';             break;
           };
       
-          $(td).html ('<a href="deviceDetails.php?mac='+ rowData[10] +'" class="badge bg-'+ color +'">'+ cellData +'</a>');
+          $(td).html ('<a href="deviceDetails.php?mac='+ rowData[10] +'" class="badge bg-'+ color +'">'+ cellData.replace('-', '') +'</a>');
       } },
     ],
     
diff --git a/front/php/templates/header.php b/front/php/templates/header.php
index a3deffc2..70827ce0 100644
--- a/front/php/templates/header.php
+++ b/front/php/templates/header.php
@@ -56,6 +56,7 @@ if (file_exists("darkmode")) {
 
   <!-- Google Font -->
   <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> -->
+  <link rel="stylesheet" href="css/offline-font.css">
 
   <!-- Page Icon -->
   <link rel="icon" type="image/png" sizes="160x160" href="img/pialertLogoGray80.png" />
@@ -125,7 +126,9 @@ if ($ENABLED_DARKMODE === True) {
               </li>
 
               <!-- Menu Body -->
-              <li class="user-body">
+
+
+<!--               <li class="user-body">
                 <div class="row">
                   <div class="col-xs-4 text-center">
                     <a target="_blank" href="https://github.com/pucherot/Pi.Alert">GitHub Pi.Alert</a>
@@ -135,15 +138,23 @@ if ($ENABLED_DARKMODE === True) {
                   </div>
                   <div class="col-xs-4 text-center">
                     <a target="_blank" href="https://github.com/pucherot/Pi.Alert/blob/main/LICENSE.txt">GNU GPLv3</a>
-                  </div>
+                  </div> -->
+
+
                   <!--
                   <div class="col-xs-4 text-center">
                     <a href="#">Updates</a>
                   </div>
                   -->
-                </div>
+
+
+                <!-- </div> -->
+
+
                 <!-- /.row -->
-              </li>
+             
+              <!-- </li> -->
+              
             </ul>
           </li>
         </ul>