diff --git a/app/assets/images/buttons/playbtn.png b/app/assets/images/buttons/playbtn.png
new file mode 100644
index 000000000..6f6b3ecc3
Binary files /dev/null and b/app/assets/images/buttons/playbtn.png differ
diff --git a/app/assets/images/video-overlay.png b/app/assets/images/video-overlay.png
deleted file mode 100644
index dbeee2bb7..000000000
Binary files a/app/assets/images/video-overlay.png and /dev/null differ
diff --git a/app/assets/stylesheets/_mixins.css.scss b/app/assets/stylesheets/_mixins.css.scss
index 77dced423..db9f8ba46 100644
--- a/app/assets/stylesheets/_mixins.css.scss
+++ b/app/assets/stylesheets/_mixins.css.scss
@@ -92,7 +92,15 @@ $default-border-radius: 3px;
 
 @mixin video-overlay(){
   .video-overlay {
-    background : image-url('video-overlay.png') no-repeat center center;
+    @include opacity(0.6);
+
+    background : {
+      image : image-url('buttons/playbtn.png');
+      repeat : no-repeat;
+      position : center center;
+      size : 60px 60px;
+    }
+
     position : absolute;
     top : 0;
     left : 0;
diff --git a/app/assets/templates/profile.jst.hbs b/app/assets/templates/profile.jst.hbs
index 49cfc1340..7e0b0926a 100644
--- a/app/assets/templates/profile.jst.hbs
+++ b/app/assets/templates/profile.jst.hbs
@@ -19,8 +19,6 @@
     {{/if}}
 </section>
 
-<section id="canvas">
-
-</section>
+<section id="canvas"></section>
 
 <div id=paginate><span class="loader hidden"/></div>