diff --git a/packages/graphql-playground-middleware-express/src/render-playground-page.ts b/packages/graphql-playground-middleware-express/src/render-playground-page.ts
index f10d9f842..ffa3aac6c 100644
--- a/packages/graphql-playground-middleware-express/src/render-playground-page.ts
+++ b/packages/graphql-playground-middleware-express/src/render-playground-page.ts
@@ -12,9 +12,9 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
   <meta charset=utf-8 />
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
   <title>GraphQL Playground</title>
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
-  <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
-  <script src="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
+  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
 </head>
 <body>
 <div id="root">
@@ -45,7 +45,7 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
             font-weight: 400;
         }
     </style>
-    <img src='http://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
+    <img src='http:https://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground-middleware-hapi/src/render-playground-page.ts b/packages/graphql-playground-middleware-hapi/src/render-playground-page.ts
index f10d9f842..ffa3aac6c 100644
--- a/packages/graphql-playground-middleware-hapi/src/render-playground-page.ts
+++ b/packages/graphql-playground-middleware-hapi/src/render-playground-page.ts
@@ -12,9 +12,9 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
   <meta charset=utf-8 />
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
   <title>GraphQL Playground</title>
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
-  <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
-  <script src="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
+  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
 </head>
 <body>
 <div id="root">
@@ -45,7 +45,7 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
             font-weight: 400;
         }
     </style>
-    <img src='http://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
+    <img src='http:https://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground-middleware-koa/src/render-playground-page.ts b/packages/graphql-playground-middleware-koa/src/render-playground-page.ts
index f10d9f842..ffa3aac6c 100644
--- a/packages/graphql-playground-middleware-koa/src/render-playground-page.ts
+++ b/packages/graphql-playground-middleware-koa/src/render-playground-page.ts
@@ -12,9 +12,9 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
   <meta charset=utf-8 />
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
   <title>GraphQL Playground</title>
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
-  <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
-  <script src="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
+  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
 </head>
 <body>
 <div id="root">
@@ -45,7 +45,7 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
             font-weight: 400;
         }
     </style>
-    <img src='http://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
+    <img src='http:https://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground-middleware-lambda/src/render-playground-page.ts b/packages/graphql-playground-middleware-lambda/src/render-playground-page.ts
index f10d9f842..ffa3aac6c 100644
--- a/packages/graphql-playground-middleware-lambda/src/render-playground-page.ts
+++ b/packages/graphql-playground-middleware-lambda/src/render-playground-page.ts
@@ -12,9 +12,9 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
   <meta charset=utf-8 />
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
   <title>GraphQL Playground</title>
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
-  <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
-  <script src="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
+  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
 </head>
 <body>
 <div id="root">
@@ -45,7 +45,7 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
             font-weight: 400;
         }
     </style>
-    <img src='http://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
+    <img src='http:https://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground-middleware/src/render-playground-page.ts b/packages/graphql-playground-middleware/src/render-playground-page.ts
index f10d9f842..ffa3aac6c 100644
--- a/packages/graphql-playground-middleware/src/render-playground-page.ts
+++ b/packages/graphql-playground-middleware/src/render-playground-page.ts
@@ -12,9 +12,9 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
   <meta charset=utf-8 />
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
   <title>GraphQL Playground</title>
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
-  <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
-  <script src="//cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/css/index.css" />
+  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/favicon.png" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-playground@${options.version}/build/static/js/middleware.js"></script>
 </head>
 <body>
 <div id="root">
@@ -45,7 +45,7 @@ export default function renderPlaygroundPage(options: MiddlewareOptions) {
             font-weight: 400;
         }
     </style>
-    <img src='http://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
+    <img src='http:https://cdn.jsdelivr.net/npm/graphql-playground/build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground/examples/latest.html b/packages/graphql-playground/examples/latest.html
index 4150bf9a6..bafbe9172 100644
--- a/packages/graphql-playground/examples/latest.html
+++ b/packages/graphql-playground/examples/latest.html
@@ -4,9 +4,9 @@
     <meta charset=utf-8 />
     <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
     <title>Graphcool Playground</title>
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/css/main.css" />
-    <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/favicon.png" />
-    <script src="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/js/main.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/css/main.css" />
+    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/favicon.png" />
+    <script src="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/js/main.js"></script>
 </head>
 <body>
 <div id="root">
@@ -37,7 +37,7 @@
             font-weight: 400;
         }
     </style>
-    <img src='//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/logo.png' alt=''>
+    <img src='https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/logo.png' alt=''>
     <div class="loading">
         Loading <span class="title">GraphQL Playground</span>
     </div>
diff --git a/packages/graphql-playground/examples/latest.min.html b/packages/graphql-playground/examples/latest.min.html
index e788b7823..801979b11 100644
--- a/packages/graphql-playground/examples/latest.min.html
+++ b/packages/graphql-playground/examples/latest.min.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head> <meta charset=utf-8/> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"> <title>Graphcool Playground</title> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/css/main.css"/> <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/favicon.png"/> <script src="//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/js/main.js"></script></head><body><div id="root"> <style>body{background-color: rgb(23,42,58); font-family: Open Sans,sans-serif; height: 90vh;}#root{height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}.loading{font-size: 32px; font-weight: 200; color: rgba(255,255,255,.6); margin-left: 20px;}img{width: 78px; height: 78px;}.title{font-weight: 400;}</style> <img src='//cdn.jsdelivr.net/npm/graphql-playground/middleware-build/logo.png' alt=''> <div class="loading"> Loading <span class="title">GraphQL Playground</span> </div></div><script>window.addEventListener('load', function(event){GraphQLPlayground.init(document.getElementById('root'))})</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head> <meta charset=utf-8/> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"> <title>Graphcool Playground</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/css/main.css"/> <link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/favicon.png"/> <script src="https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/static/js/main.js"></script></head><body><div id="root"> <style>body{background-color: rgb(23,42,58); font-family: Open Sans,sans-serif; height: 90vh;}#root{height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}.loading{font-size: 32px; font-weight: 200; color: rgba(255,255,255,.6); margin-left: 20px;}img{width: 78px; height: 78px;}.title{font-weight: 400;}</style> <img src='https://cdn.jsdelivr.net/npm/graphql-playground/middleware-build/logo.png' alt=''> <div class="loading"> Loading <span class="title">GraphQL Playground</span> </div></div><script>window.addEventListener('load', function(event){GraphQLPlayground.init(document.getElementById('root'))})</script></body></html>
\ No newline at end of file
