diff --git a/README.md b/README.md
index c43e5df4cbecb71837ee26fd0eea50610f38ea54..f3670404fa18b7c89476249a68992bd665000d1f 100644
--- a/README.md
+++ b/README.md
@@ -56,10 +56,10 @@ skin=/skins/dashboard
 
 - **Logon**
 
-<img src="https://github.com/trinity-labs/dashboard-skin/assets/45216746/bf78f68a-d45f-492c-b348-3b00cf3c5b4b">
+<img src="https://github.com/trinity-labs/dashboard-skin/assets/45216746/721a4ce0-37d6-4108-850b-a64e94b2bf8b">
 <br>
 <br>
 
 - **Dashboard**
 
-<img src="https://github.com/trinity-labs/dashboard-skin/assets/45216746/688761b9-20c0-40a4-8af3-191aabacae0b">
\ No newline at end of file
+<img src="https://github.com/trinity-labs/dashboard-skin/assets/45216746/74beb0ac-eadf-4703-bf7e-f218edbaac72">
\ No newline at end of file
diff --git a/css/dashboard-main/mobile.css b/css/dashboard-main/mobile.css
index 1c070b87e36244c300b3a2401e69c6f63cff4488..e90eced161ac4ded865df43b3e5a9d8b2bd1191c 100644
--- a/css/dashboard-main/mobile.css
+++ b/css/dashboard-main/mobile.css
@@ -148,9 +148,10 @@
 	}
 	
 	.icon-header {
-    margin: 0 1.5rem 0 0;
+    padding: 1.25rem 1rem;
+    margin: 0 0.5rem 0 0;
 	}
-	
+
 	.chart-legend {
     flex-wrap: wrap !important;
     justify-content: space-evenly;
diff --git a/css/dashboard-pages/welcome.css b/css/dashboard-pages/welcome.css
index af0667d42010ae1065c8f55da3d38986c5013da0..89c18a45afd03b5fae839b492c1e4aafde1c1cb5 100644
--- a/css/dashboard-pages/welcome.css
+++ b/css/dashboard-pages/welcome.css
@@ -274,7 +274,7 @@
 #cpuTemp span {
     margin: auto !important;
     top: 0;
-    padding: 0 0 0 2rem;
+    padding: 0 0 0 0.5rem;
     font-size: 2rem;
 }
 
@@ -290,9 +290,9 @@
     border-radius: 4px !important;
     text-align: left;
     display: flex;
-    margin: 0.75rem auto;
+    margin: 1.5rem auto;
     background: #f9f9f9;
-    padding: 2rem 1.5rem;
+    padding: 1rem 1.5rem;
     border: none !important;
     flex-direction: row;
     flex-wrap: nowrap;
@@ -316,13 +316,11 @@
     position: relative;
     right: 0.5rem;
     padding: 0.5rem 0.75rem;
-	animation: rotating 5s linear infinite;
+	animation: rotating 7s linear infinite;
 }
 
 .temp-desc {
-    width: 40%;
-    position: relative;
-    top: -0.25rem;
+    width: 33.33%;
     padding: 0.75rem 0.75rem 1rem;
     border-left: 2px solid #e1e1e1;
 }
@@ -340,30 +338,30 @@
 }
 
 .legend.temp-legend.temp-normal::before {
-	padding: 0.1rem 0.35rem;
-    content: '' !important;
+	padding: 0 0.25rem 0 0;
+    font-family: "Font Awesome 6 Free";
+    font-weight: bold;
+    content: '\F058' !important;
     display: inline-block;
-    background: #006787;
-    position: relative;
-    top: -0.1rem;
+    color: #006787;
 }
 
 .legend.temp-legend.temp-medium::before {
-	padding: 0.1rem 0.35rem;
-    content: '' !important;
+    padding: 0 0.25rem 0 0;
+    font-family: "Font Awesome 6 Free";
+    font-weight: bold;
+    content: '\F071' !important;
     display: inline-block;
-    background: #ff9a41;
-    position: relative;
-    top: -0.1rem;
+    color: #ff9a41;
 }
 
 .legend.temp-legend.temp-hot::before {
-    padding: 0.1rem 0.35rem;
-    content: '' !important;
+    padding: 0 0.25rem 0 0;
+    font-family: "Font Awesome 6 Free";
+    font-weight: bold;
+    content: '\F071' !important;
     display: inline-block;
-    background: #ff6c6c;
-    position: relative;
-    top: -0.1rem;
+    color: #ff6c6c;
 }
 
 .nan,