diff --git a/gulpfile.babel.js b/gulpfile.babel.js
index 04092ff..f75af21 100644
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@@ -61,7 +61,10 @@ export const fonts = () =>
 // Copy Logo
 //
 export const logos = () =>
-    src('node_modules/@oceanprotocol/art/logo/**/*').pipe(
+    src([
+        'node_modules/@oceanprotocol/art/logo/**/*',
+        'node_modules/@oceanprotocol/art/mantaray/**/*',
+    ]).pipe(
         dest(DIST + '/assets/img/')
     )
 
diff --git a/src/index.html b/src/index.html
index 60a7006..5fe1c11 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#141414">
-    <title>Voucher — Ocean Protocol</title>
+    <title>{{ content.title }} — Ocean Protocol</title>
 
     <link rel="stylesheet" href="assets/css/styles.css" />
     <link rel="shortcut icon" href="assets/img/favicon.ico">
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 6d985a8..0e4c595 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -6,7 +6,8 @@ body {
 }
 
 main {
-    background: $brand-black;
+    background: $brand-black url('/assets/img/mantaray-back.svg') no-repeat center top;
+    background-size: cover;
     min-height: 100vh;
     display: flex;
     flex-wrap: wrap;
@@ -65,6 +66,7 @@ img {
     white-space: nowrap;
     margin-bottom: $spacer;
     max-width: 20rem;
+    background: rgba($brand-black, .8);
 }
 
 footer {