diff --git a/pkg/emscripten/embed/index.html b/pkg/emscripten/embed/index.html
index f7f01cdabd..ac11c536b8 100644
--- a/pkg/emscripten/embed/index.html
+++ b/pkg/emscripten/embed/index.html
@@ -10,11 +10,11 @@
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
     <!-- Material Design Bootstrap -->
-    <link href="//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel="stylesheet">   
+    <link href="//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel="stylesheet">
    <link href="embed.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="media/retroarch.ico" />
 </head>
-<body>   
+<body>
    <!--Navbar-->
    <nav class="navbar navbar-dark bg-warning">
        <div class="container">
@@ -101,7 +101,7 @@
    <div class="bg-inverse webplayer-container">
       <div class="container">
          <div class="webplayer_border text-xs-center" id="canvas_div">
-            <canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
+            <canvas class="webplayer" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
             <img class="webplayer-preview img-fluid" src="media/canvas.png" width="960px" height="720px" alt="RetroArch Logo">
          </div>
       </div>
diff --git a/pkg/emscripten/itch/index.html b/pkg/emscripten/itch/index.html
index 64320efd92..1f38affb7e 100644
--- a/pkg/emscripten/itch/index.html
+++ b/pkg/emscripten/itch/index.html
@@ -11,11 +11,11 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
     <!-- Material Design Bootstrap -->
     <link href="//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel="stylesheet">
-   
+
    <link href="itch.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="https://buildbot.libretro.com/web/media/retroarch.ico" />
 </head>
-<body>   
+<body>
    <!--Navbar-->
    <nav class="navbar navbar-dark bg-danger">
        <div class="container">
@@ -105,7 +105,7 @@
    <div class="bg-inverse webplayer-container">
       <div class="container">
          <div class="webplayer_border text-xs-center" id="canvas_div">
-            <canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
+            <canvas class="webplayer" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
             <img class="webplayer-preview img-fluid" src="https://buildbot.libretro.com/web/media/canvas.png" width="960px" height="720px" alt="RetroArch Logo">
          </div>
       </div>
diff --git a/pkg/emscripten/libretro/index.html b/pkg/emscripten/libretro/index.html
index 2f450e7e41..7651ad525e 100644
--- a/pkg/emscripten/libretro/index.html
+++ b/pkg/emscripten/libretro/index.html
@@ -102,7 +102,7 @@
    <div class="bg-inverse webplayer-container">
       <div class="container">
          <div class="webplayer_border text-xs-center" id="canvas_div">
-            <canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
+            <canvas class="webplayer" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
             <img class="webplayer-preview img-fluid" src="media/canvas.png" width="960px" height="720px" alt="RetroArch Logo">
          </div>
       </div>
