diff --git a/app/entry.server.tsx b/app/entry.server.tsx
index c04690d..61197ff 100644
--- a/app/entry.server.tsx
+++ b/app/entry.server.tsx
@@ -51,10 +51,10 @@ export default async function handleRequest(
 export const createCspHeaders = () => {
   // Default CSP headers, will be used as a base for all environments
   const defaultsCSPHeaders = {
-    connectSrc: ['*', 'self'],
+    connectSrc: ['*', "'self'"],
     fontSrc: ['*.sanity.io', "'self'", 'localhost:*'],
     frameAncestors: ['localhost:*', '*.sanity.studio'],
-    frameSrc: ['self'],
+    frameSrc: ["'self'"],
     imgSrc: ['*.sanity.io', 'https://cdn.shopify.com', "'self'", 'localhost:*'],
     scriptSrc: ["'self'", 'localhost:*', 'https://cdn.shopify.com'],
   };