diff --git a/groove/static/themes/blue_train/static/styles.css b/groove/static/themes/blue_train/static/styles.css
index 7b2467b..f8fac15 100644
--- a/groove/static/themes/blue_train/static/styles.css
+++ b/groove/static/themes/blue_train/static/styles.css
@@ -6,13 +6,7 @@ html {
   margin: 0;
   outline: 0;
   font-family: 'Clarendon MT Std', sans-serif;
-  font-size: 18px;
-}
-@media only screen
-  and (min-device-width: 320px)
-  and (max-device-width: 480px)
-  and (-webkit-min-device-pixel-ratio: 2) {
-      html { font-size: 24px; }
+  font-size: 16px;
 }
 
 body {
diff --git a/groove/static/themes/blue_train/templates/playlist.tpl b/groove/static/themes/blue_train/templates/playlist.tpl
index da9ed87..cd51db8 100644
--- a/groove/static/themes/blue_train/templates/playlist.tpl
+++ b/groove/static/themes/blue_train/templates/playlist.tpl
@@ -4,13 +4,14 @@
   <title>{{playlist['name']}} - Groove On Demand</title>
 
   <meta charset="utf-8">
-  <meta name="viewport" content="user-scalable=no">
-  <meta name="title" content="{{playlist['name']}}">
-  <meta name="description" content="{{playlist['description']}}">
-  <meta name="url" content="{{playlist['url']}}">
-  <meta name="type" content="audio">
-  <meta name="provider_name" content="Groove on Demand">
-  <meta name="html" "<iframe width=\"480\" height=\"270\" src=\"{{playlist['url']}}\" frameborder=\"0\" allowfullscreen=\"\"></iframe>">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="{{playlist['name']}}: {{playlist['description']}}">
+
+  <meta name="og:title" content="{{playlist['name']}}">
+  <meta name="og:description" content="{{playlist['description']}}">
+  <meta name="og:url" content="{{playlist['url']}}">
+  <meta name="og:type" content="audio">
+  <meta name="og:provider_name" content="Groove on Demand">
 
   <link rel='stylesheet' href='/static/styles.css' />
   <link rel='stylesheet' href="https://fonts.cdnfonts.com/css/clarendon-mt-std" />