From 8cc913f0837c2ac2d9ee9f6c19d6d7ff81de168e Mon Sep 17 00:00:00 2001
From: AINDUSTRIES <contact.aindustries@gmail.com>
Date: Sat, 12 Sep 2026 00:56:22 +0200
Subject: [PATCH] Modified float to not be dependant on the padding of the
 parent

---
 app/components/float.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/components/float.tsx b/app/components/float.tsx
index 221532d..27ba2b0 100644
--- a/app/components/float.tsx
+++ b/app/components/float.tsx
@@ -1,9 +1,15 @@
 export function Float({ float }: { float: number }) {
     return (
         <>
-            <div className="w-full flex justify-center">
-                <div className="absolute mx-2 h-4 w-1 mt-1 rounded-xl bg-white" style={{left: `calc(${float}*100% - var(--spacing))`}}></div>
-                <div className="w-full h-2 flex my-2 px-2">
+            <div className="w-full flex justify-center relative">
+                <div
+                    className="absolute mx-1 h-4 w-1 mt-1 rounded-xl bg-white"
+                    style={{
+                        left: `calc(${float}*100% - var(--spacing))`,
+                        transform: "translateX(-50%)",
+                    }}
+                ></div>
+                <div className="w-full h-2 flex my-2">
                     <div className="w-7/100 h-full rounded-l-xl bg-green-800"></div>
                     <div className="w-8/100 h-full bg-green-500"></div>
                     <div className="w-23/100 h-full bg-lime-400"></div>