diff --git a/src/meta/ScreenBar.tsx b/src/meta/ScreenBar.tsx
index a2d5fbece5db7fbe693d0ab9b38592f41a29cb48..b16ae0aa8378a6822f3df3c543adb9b4a03119f3 100644
--- a/src/meta/ScreenBar.tsx
+++ b/src/meta/ScreenBar.tsx
@@ -28,7 +28,7 @@ const ScreenBar = () => {
   }, [])
 
   return (
-    <div className={"flex flex-row justify-between px-8 py-6"}>
+    <div className={"flex flex-row justify-between px-8 py-6 bg-zinc-950 bg-opacity-70"}>
       <p>{date}</p>
       <p>{time}</p>
     </div>