From cdf5367934730a4e308cd0772a7d472fb4780113 Mon Sep 17 00:00:00 2001
From: Muhammad Zohaib Irshad <zohaibirshad678@gmail.com>
Date: Fri, 27 Mar 2026 17:13:18 +0500
Subject: [PATCH] Clipper: Make the styling of dialogues consistent (#14908)

---
 packages/app-clipper/popup/src/App.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app-clipper/popup/src/App.js b/packages/app-clipper/popup/src/App.js
index afd76481d3..e9913c3b78 100644
--- a/packages/app-clipper/popup/src/App.js
+++ b/packages/app-clipper/popup/src/App.js
@@ -297,7 +297,11 @@ class AppComponent extends Component {
 		if (!this.state.contentScriptLoaded) {
 			let msg = 'Loading...';
 			if (this.state.contentScriptError) msg = `The Joplin extension is not available on this tab due to: ${this.state.contentScriptError}`;
-			return <div style={{ padding: 10, fontSize: 12, maxWidth: 200 }}>{msg}</div>;
+			return (
+				<div className="App Startup">
+					{msg}
+				</div>
+			);
 		}
 
 		const warningComponent = !this.props.warning ? null : <div className="Warning">{ this.props.warning }</div>;