diff --git a/main.css b/main.css
index 424320f..1e38c5b 100644
--- a/main.css
+++ b/main.css
@@ -29,11 +29,9 @@
 }
 
 tooltip {
-  border: solid 1px;
-  border-radius: 16px;
-  border-color: var(--surface);
-  background-color: var(--shadow);
-  /* animation: tooltipShow 0.25s cubic-bezier(0.5, 0.25, 0, 1); */
+  border: #474747 solid 1px;
+  border-radius: 0.75rem;
+  background-color: alpha(#fff, 0.05);
 }
 
 @keyframes tooltipShow {
@@ -47,29 +45,39 @@ tooltip {
 }
 
 tooltip > * {
-  padding: 6px 10px;
-  border-radius: 10px;
+  padding: 3px 10px;
+  border-radius: 0.75rem;
 }
 
 menu {
-  border: solid 1px;
-  border-radius: 16px;
+  border: #474747 solid 1px;
+  border-radius: 0.75rem;
+  transition: all 100ms ease-in-out;
   border-color: var(--surface);
-  background-color: var(--shadow);
-  padding: 6px;
+    background-color: alpha(#fff, 0.05);
 }
 
 menu > menuitem {
-  border-radius: 10px;
-  padding: 6px 10px;
+  padding: 5px 10px;
+  margin: 1px 2px;
+  border-bottom: #474747 solid 1px;
 }
 
+menu > menuitem:last-child {
+  border-bottom: none;
+}
 menu > menuitem:hover {
-  background-color: var(--primary);
+  transition: all 20ms ease-in-out;
+  border-radius: 4px;
+  color: #222;
+  background-color: alpha(#2369ff, 1);
 }
 
 menu > menuitem:hover > label {
-  color: var(--shadow);
+  font-size: 12px;
+  margin: 0px;
+  color: #fff;
+  font-weight: 400;
 }
 
 
diff --git a/styles/panel.css b/styles/panel.css
index d97c5de..78b7f24 100644
--- a/styles/panel.css
+++ b/styles/panel.css
@@ -69,6 +69,7 @@
 
 #date-time {
   margin: 0 10px;
+    font-weight: 500;
 }
 
 #modules-left,