diff --git a/src/components/timeline/Timeline.scss b/src/components/timeline/Timeline.scss
index f45e223..c44c0a1 100644
--- a/src/components/timeline/Timeline.scss
+++ b/src/components/timeline/Timeline.scss
@@ -1,8 +1,8 @@
 .timeline {
-    @apply w-full max-w-5xl flex justify-center;
+    @apply w-full p-5;
 
     & > ul {
-        @apply list-none py-5 px-0 relative w-full;
+        @apply list-none py-5 px-0 relative w-full max-w-5xl mx-auto;
 
         & > li {
             @apply mb-12 relative flex;
diff --git a/src/components/timeline/Timeline.tsx b/src/components/timeline/Timeline.tsx
index 9cc4a03..8176ee1 100644
--- a/src/components/timeline/Timeline.tsx
+++ b/src/components/timeline/Timeline.tsx
@@ -9,7 +9,7 @@ function Timeline({ children } : TimelapseProps) {
 
   return (
     <div className='timeline'>
-      <ul>
+      <ul className='timeline'>
         { children }
       </ul>
     </div>