diff --git a/page/src/animation.css b/page/src/animation.css
index 78a0ad0f..1bb70d00 100644
--- a/page/src/animation.css
+++ b/page/src/animation.css
@@ -9,7 +9,7 @@
     var(--gradient-loader-1) 0%,
     var(--gradient-loader-1) 35%,
     var(--gradient-loader-2) 50%,
-    var(--gradient-loader-1) 55%,
+    var(--gradient-loader-1) 53%,
     var(--gradient-loader-1) 100%
   );
   width: 100%;
diff --git a/page/src/components/ui/tooltip.tsx b/page/src/components/ui/tooltip.tsx
index 515ee323..9b0c351b 100644
--- a/page/src/components/ui/tooltip.tsx
+++ b/page/src/components/ui/tooltip.tsx
@@ -44,13 +44,13 @@ function TooltipContent({
         data-slot="tooltip-content"
         sideOffset={sideOffset}
         className={cn(
-          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          "bg-neutral-700 text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
           className,
         )}
         {...props}
       >
         {children}
-        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+        <TooltipPrimitive.Arrow className="bg-neutral-700 fill-neutral-700 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
   );
diff --git a/page/src/playground.tsx b/page/src/playground.tsx
index 65c3afbe..2f0a0fb9 100644
--- a/page/src/playground.tsx
+++ b/page/src/playground.tsx
@@ -194,6 +194,7 @@ export class Playground extends React.Component<
 
     const promise = new Promise<Filesystem>((resolve, reject) => {
       if (!force) {
+        this.output.current?.clear();
         this.logLine("Loading filesystem...");
       }