diff --git a/packages/clipper/src/popup/style.css b/packages/clipper/src/popup/style.css
new file mode 100644
index 000000000..6207de4fe
--- /dev/null
+++ b/packages/clipper/src/popup/style.css
@@ -0,0 +1,6 @@
+html,
+body {
+  min-width: 350px !important;
+  max-width: 350px !important;
+  min-height: 260px !important;
+}
diff --git a/packages/web/clipper.htmlTemplate.js b/packages/web/clipper.htmlTemplate.js
index 72d7d1318..31c277976 100644
--- a/packages/web/clipper.htmlTemplate.js
+++ b/packages/web/clipper.htmlTemplate.js
@@ -9,14 +9,7 @@ module.exports = ({ htmlWebpackPlugin }) => {
 		<title>Standard Notes</title>
 		<script src="./globals.js"></script>
 		${htmlWebpackPlugin.tags.headTags}
-		<style>
-			html,
-			body {
-				min-width: 350px;
-				max-width: 350px;
-				min-height: 260px;
-			}
-		</style>
+		<link rel="stylesheet" href="./style.css" />
 	</head>
 	<body></body>
 	</html>`
