diff --git a/frontend/src/App.css b/frontend/src/App.css
index 0459cce..5fc2380 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -39,11 +39,11 @@
 
 .sample-tracker-container {
   position: relative; /* Ensure tooltip positions correctly within the container */
-  padding: 10px;
+  padding: 5px;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-  max-width: 80%;
+  max-width: 50%;
   width: auto;
   margin: 0 auto;
   overflow-x: auto;
@@ -54,10 +54,10 @@
   background-color: #f9f9f9;
   border: 1px solid #ccc;
   border-radius: 5px;
-  padding: 8px;
+  padding: 5px;
   box-shadow: 0 0 10px rgba(0,0,0,0.1);
   top: 50px;  /* Adjust positioning */
-  left: 50%;  /* Center horizontally relative to the container */
+  left: 10%;  /* Center horizontally relative to the container */
   transform: translateX(-50%);
   z-index: 1000;
   pointer-events: none; /* Prevents tooltip from interfering with other elements */
@@ -79,7 +79,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 0 10px;
+  margin: 0 5px;
 }
 
 .puck-label {
@@ -103,8 +103,8 @@
 }
 
 .sample-dot {
-  width: 15px;
-  height: 15px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
   display: inline-block;
   border: 1px solid lightgray;