diff --git a/packages/frontend/src/components/auth-provider.tsx b/packages/frontend/src/components/auth-provider.tsx
index 9c24255..df3c55f 100644
--- a/packages/frontend/src/components/auth-provider.tsx
+++ b/packages/frontend/src/components/auth-provider.tsx
@@ -50,15 +50,16 @@ export function Auth({ children }: AuthProviderProps) {
         return (
             <div className="flex flex-col items-center justify-center gap-4 w-full h-[100vh]">
                 {/* under construction warning */}
-                <div className="flex flex-col border p-4 items-center border-border/50 bg-border/10 rounded-md gap-2 max-w-sm">
+                <div className="flex flex-col border p-4 items-center border-border/50 bg-border/10 gap-2 max-w-lg">
                     <AlertTriangle className="w-16 h-16 text-yellow-500" strokeWidth={1.5} />
                     <p className="text-center text-sm text-muted-foreground font-500">
                         This application is currently under construction. Your data is very likely to be lost
                         at some point.
                         <pre> </pre>
-                        <p className="font-700 border-b border-yellow-500/50">
+                        <p className="font-700 underline underline-offset-3 text-foreground/85 decoration-yellow-500">
                             It is not recommended for production use.
                         </p>
+                        But you're more than welcome to have a look around!
                     </p>
                 </div>
                 <LogInForm />