Merge pull request #1904 from hydralauncher/feat/LBX-155

fix: notification item styling

README.md

@@ -1,6 +1,7 @@
 <div align="center">
 
 [<img src="https://raw.githubusercontent.com/hydralauncher/hydra/refs/heads/main/resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
+
   <h1 align="center">Hydra Launcher</h1>
 
   <p align="center">

src/renderer/src/pages/notifications/notification-item.scss

@@ -11,6 +11,8 @@
   transition: all ease 0.2s;
   position: relative;
   opacity: 0.4;
+  width: 100%;
+  text-align: left;
 
   &:hover {
     background-color: rgba(255, 255, 255, 0.03);
@@ -40,12 +42,17 @@
     align-items: center;
     justify-content: center;
     background-color: globals.$background-color;
+    color: #fff;
 
     img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
+
+    svg {
+      color: inherit;
+    }
   }
 
   &__badge-picture {