diff --git a/src/pages/pro.tsx b/src/pages/pro.tsx
index d7bef8491..bd042a3b7 100644
--- a/src/pages/pro.tsx
+++ b/src/pages/pro.tsx
@@ -137,7 +137,7 @@ function ProContent({
 						</BasicLink>
 					)}
 				</div>
-				<div className="ml-auto flex flex-wrap justify-end gap-2">
+				<div className="mr-auto md:mr-0 ml-auto flex justify-end gap-2">
 					{
 						<button
 							onClick={
@@ -147,7 +147,7 @@ function ProContent({
 										? () => setShowGenerateDashboardModal(true)
 										: () => setShowSubscribeModal(true)
 							}
-							className="pro-btn-blue flex items-center gap-1 rounded-md px-4 py-2"
+							className="pro-btn-blue flex items-center gap-1 rounded-md px-4 py-2 text-xs md:text-sm"
 						>
 							<Icon name="sparkles" height={16} width={16} />
 							Generate with LlamaAI
@@ -161,7 +161,7 @@ function ProContent({
 									? createNewDashboard
 									: () => setShowSubscribeModal(true)
 						}
-						className="pro-btn-purple flex items-center gap-1 rounded-md px-4 py-2"
+						className="pro-btn-purple flex items-center gap-1 rounded-md px-4 py-2 text-xs md:text-sm"
 					>
 						<Icon name="plus" height={16} width={16} />
 						Create New Dashboard