2 files changed, 12 insertions, 10 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
index 01561704..3ee7ed67 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
@@ -146,7 +146,10 @@ export default function TimelinePageTemplateUI<TManageItems>(
     const posts = data?.posts;
 
     body = (
-      <div className="timeline-background">
+      <div
+        className="timeline-container"
+        style={{ minHeight: `calc(100vh - ${56 + bottomSpaceHeight}px)` }}
+      >
         {data != null ? (
           <CardComponent
             className="timeline-template-card"
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 0a03c841..08ae1f09 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -163,12 +163,11 @@ $timeline-line-color-current: #36c2e6
   right: 0
   margin: 0.5em
 
-.timeline-background
-  position: fixed
-  z-index: -1
-
-  left: 0
-  right: 0
-  top: 0
-  bottom: 0
-  background: #fff1cc
+.timeline-container
+  background: #fff9e9
+  display: flex
+  justify-content: center
+
+  .timeline
+    max-width: 100em
+    flex-grow: 1
+\ No newline at end of file