From 59b476cd5efcc6e58588dd3b83abc6c74caa015b Mon Sep 17 00:00:00 2001
From: Jared He <66887902+jaredjhe@users.noreply.github.com>
Date: Sun, 21 Aug 2022 06:02:57 -0400
Subject: [PATCH] CSS cleanup

---
 components/Timeline.module.css | 8 +++-----
 pages/playground.tsx           | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/Timeline.module.css b/components/Timeline.module.css
index 30b0d47..ab1ed8f 100644
--- a/components/Timeline.module.css
+++ b/components/Timeline.module.css
@@ -59,17 +59,15 @@
 }
 
 .text {
-  position: absolute;
+  height: fit-content;
   margin: 0px;
+  padding: 5px;
+  border-radius: 10px;
   font-size: 20px;
   font-weight: 700;
   color: var(--label);
   background-color: var(--card-background);
-  position: relative;
-  height: fit-content;
   word-wrap: break-word;
-  border-radius: 10px;
-  padding: 5px;
   box-sizing: border-box;
 }
 
diff --git a/pages/playground.tsx b/pages/playground.tsx
index 87dc944..0221beb 100644
--- a/pages/playground.tsx
+++ b/pages/playground.tsx
@@ -68,7 +68,7 @@ export default function Home() {
       <h2>
         <code>{"<Timeline />"}</code>
       </h2>
-      <Timeline data={mockTimelineData} width={800} height={1600} />
+      <Timeline data={mockTimelineData} width={800} height={1500} />
     </div>
   );
 }