From b0af6307f39705f18266a08bdcd65064128db969 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Tue, 18 Feb 2025 21:43:50 +0100
Subject: [PATCH] [frontend/components] Fix notification list visually jumping

---
 Iceshrimp.Frontend/Components/NotificationList.razor.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/NotificationList.razor.css b/Iceshrimp.Frontend/Components/NotificationList.razor.css
index 1ec0416e..3baca5d7 100644
--- a/Iceshrimp.Frontend/Components/NotificationList.razor.css
+++ b/Iceshrimp.Frontend/Components/NotificationList.razor.css
@@ -1,7 +1,4 @@
 .scroller {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
     width: 100%;
     overflow-x: auto;
     overscroll-behavior-y: contain;
@@ -14,6 +11,7 @@
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     width: 100%;
+    margin: auto;
 }
 
 .loading {
@@ -26,5 +24,9 @@
 ::deep {
     .scroll-end {
         height: 3rem;
+        margin: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
 }
\ No newline at end of file