diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 140a98a..33a7591 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -172,11 +172,16 @@ tooltip{
   .notes {
     background-color: rgba($color0,0.5);
     padding: 10px;
-    button {
+    box {
       background-color: rgba($color9,0.5);
       border-radius: 6px;
       padding: 4px 8px;
       margin: 4px;
+      .timestamp {
+        font-size: 0.8em;
+        margin-top: 6px;
+        color: rgba($color7,1)
+      }
     }
   }
   .shortcuts {
diff --git a/de/home/.config/eww/modules/home/notes.yuck b/de/home/.config/eww/modules/home/notes.yuck
index 923052f..47c1a7c 100644
--- a/de/home/.config/eww/modules/home/notes.yuck
+++ b/de/home/.config/eww/modules/home/notes.yuck
@@ -15,14 +15,16 @@
     "Notes"
     (for note in json
       (button :onclick "kate -n '${note.filepath}'"
-        (label
-          :xalign 0
-          :justify "left"
-          :wrap false
-          :text "${replace(note.filepath,"${get_env("HOME")}/Documents/Notes/",'')}
-
-${formattime("${note.date}","%F %R")}")
-      ))
+        (box 
+          :orientation "v"
+          (label
+            :xalign 0
+            :wrap false
+            :text "${replace(note.filepath,"${get_env("HOME")}/Documents/Notes/",'')}")
+          (label
+            :xalign 0.5
+            :class "timestamp"
+            :text "${formattime("${note.date}","%F %R")}"))))
 ;      (button :onclick {(device.connected == "yes") ? 'bluetoothctl disconnect "${device.address}"' : 'bluetoothctl connect "${device.address}"'}
 ;        :class {(device.connected == "yes") ? "active" : ""}
 ;        "${device.icon}")) ))