diff --git a/src/app/(stats)/player/[ign]/_components/GenericProgress.tsx b/src/app/(stats)/player/[ign]/_components/GenericProgress.tsx
index 0eb1480..84124b4 100644
--- a/src/app/(stats)/player/[ign]/_components/GenericProgress.tsx
+++ b/src/app/(stats)/player/[ign]/_components/GenericProgress.tsx
@@ -46,18 +46,20 @@ export default function GenericProgress({ percent, tooltipId, tooltipContent, cl
                 >
                     <div
                         data-id={tooltipId}
-                        className="h-5 rounded-l-md"
+                        className={cn("h-5 rounded-l-md", percent > 100 ? "rounded-r-md" : undefined, className)}
                         style={{
-                            width: `${percent}%`,
+                            width: `${percent > 100 ? 100 : percent}%`,
                             background: "repeating-linear-gradient(to right,#f55,#fa0,#ff5,#5f5,#5ff,#f5f,#a0a,#f55 16rem)"
                         }}
                     >
                     </div>
-                    <div
-                        data-id={tooltipId}
-                        className={cn("flex-1 h-5 rounded-r-md bg-background", percent === 0 ? "rounded-l-md" : undefined)}
-                    >
-                    </div>
+                    {percent < 100 && (
+                        <div
+                            data-id={tooltipId}
+                            className={cn("flex-1 h-5 rounded-r-md bg-background", percent === 0 ? "rounded-l-md" : undefined)}
+                        >
+                        </div>
+                    )}
                 </div>
                 <Tooltip id={tooltipId} position={pos} />
             </>
@@ -73,15 +75,17 @@ export default function GenericProgress({ percent, tooltipId, tooltipContent, cl
             >
                 <div
                     data-id={tooltipId}
-                    className={cn("h-5 rounded-l-md", className)}
-                    style={{ width: `${percent}%` }}
-                >
-                </div>
-                <div
-                    data-id={tooltipId}
-                    className={cn("flex-1 h-5 rounded-r-md bg-background", percent === 0 ? "rounded-l-md" : undefined)}
+                    className={cn("h-5 rounded-l-md", percent > 100 ? "rounded-r-md" : undefined, className)}
+                    style={{ width: `${percent > 100 ? 100 : percent}%` }}
                 >
                 </div>
+                {percent < 100 && (
+                    <div
+                        data-id={tooltipId}
+                        className={cn("flex-1 h-5 rounded-r-md bg-background", percent === 0 ? "rounded-l-md" : undefined)}
+                    >
+                    </div>
+                )}
             </div>
             <Tooltip id={tooltipId} position={pos} />
         </>