fixed nudges design

frontend/src/app/chat/nudges.tsx

@@ -11,7 +11,7 @@ export default function Nudges({
 	handleSuggestionClick: (suggestion: string) => void;
 }) {
 	return (
-		<div className="flex-shrink-0 h-12 w-full overflow-hidden pl-10">
+		<div className="flex-shrink-0 h-12 w-full overflow-hidden">
 			<AnimatePresence>
 				{nudges.length > 0 && (
 					<motion.div

frontend/src/app/chat/page.tsx

@@ -1109,7 +1109,8 @@ function ChatPage() {
 		}
 	};
 
-	return (<>
+	return (
+		<>
 			{/* Debug header - only show in debug mode */}
 			{isDebugMode && (
 				<div className="flex items-center justify-between p-6">
@@ -1167,9 +1168,7 @@ function ChatPage() {
 									<>
 										<Loader2 className="h-12 w-12 mx-auto mb-4 animate-spin" />
 										<p>Processing your document...</p>
-											<p className="text-sm mt-2">
-												This may take a few moments
-											</p>
+										<p className="text-sm mt-2">This may take a few moments</p>
 									</>
 								) : null}
 							</div>
@@ -1215,10 +1214,12 @@ function ChatPage() {
 						</>
 					)}
 					{!streamingMessage && (
+						<div className="pl-10">
 							<Nudges
 								nudges={loading ? [] : (nudges as string[])}
 								handleSuggestionClick={handleSuggestionClick}
 							/>
+						</div>
 					)}
 				</div>
 			</StickToBottom.Content>
@@ -1248,7 +1249,8 @@ function ChatPage() {
 				setSelectedFilter={setSelectedFilter}
 				setIsFilterHighlighted={setIsFilterHighlighted}
 				setIsFilterDropdownOpen={setIsFilterDropdownOpen}
-				/></>
+			/>
+		</>
 	);
 }
 
@@ -1263,7 +1265,8 @@ export default function ProtectedChatPage() {
 					mass={1}
 				>
 					<ChatPage />
-			</StickToBottom></div>
+				</StickToBottom>
+			</div>
 		</ProtectedRoute>
 	);
 }