diff --git a/app/src/components/three/Sign3D.tsx b/app/src/components/three/Sign3D.tsx
index 6b449ce..b3936b5 100644
--- a/app/src/components/three/Sign3D.tsx
+++ b/app/src/components/three/Sign3D.tsx
@@ -184,7 +184,8 @@ function SignModel({
       {/* Texto Informativo Superior */}
       <Text
         position={[0, topY + 0.6, 0]}
-        fontSize={0.4}
+        rotation={[0, Math.PI / 2, 0]}
+        fontSize={Math.max(0.25, Math.min(0.4, length / 12))}
         color={isDark ? "#cbd5e1" : "#1a202c"}
         anchorX="center"
         anchorY="bottom"
diff --git a/app/src/pages/SignModule.tsx b/app/src/pages/SignModule.tsx
index 9f2a5d6..c4a7696 100644
--- a/app/src/pages/SignModule.tsx
+++ b/app/src/pages/SignModule.tsx
@@ -116,8 +116,8 @@ const SignModule: React.FC = () => {
       {/* Coluna Central: 3D */}
       <div className="flex-1 flex flex-col min-h-[500px] lg:min-h-0 bg-background rounded-xl border border-border shadow-sm overflow-hidden relative">
         <div className="absolute top-4 left-4 z-10 flex gap-2">
-          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm">F = {result.forceKN.toFixed(2)} kN</Badge>
-          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">Cf = {result.cf.toFixed(2)}</Badge>
+          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">F = {result.forceKN.toFixed(2)} kN</Badge>
+          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">Cf = {result.cf.toFixed(2)}</Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
           <EducationalManual type="sign" params={{ length, height, alpha, hasEndPlates }} />