diff --git a/assets/css/inputs.css b/assets/css/inputs.css
index 4c29d84..4556e4a 100644
--- a/assets/css/inputs.css
+++ b/assets/css/inputs.css
@@ -31,14 +31,14 @@
     border-radius: .25rem;
     background: var(--background);
 	box-shadow: 0 0 3px var(--shadow-weak-30);
-	color: var(--shadow-strong-30);
+	color: var(--shadow-strong-20);
     font-size: .9rem;
     font-weight: bold;
 
 	.icon {
 		height: auto;
 		padding: 0 .75rem 0 .25rem;
-		fill: var(--shadow-strong-20);
+		fill: var(--shadow-strong-10);
 	}
 
 	&:hover {
@@ -80,7 +80,7 @@
 	justify-content: center;
 
     &:hover:not(:disabled) {
-		background: var(--primary);
+		background: var(--primary-dark-10);
     }
 
 	&:disabled {
diff --git a/pages/scene/+Page.vue b/pages/scene/+Page.vue
index 416d9c3..7322553 100644
--- a/pages/scene/+Page.vue
+++ b/pages/scene/+Page.vue
@@ -138,7 +138,7 @@
 							v-if="scene.url"
 							:href="scene.url"
 							target="_blank"
-							class="button watch nolink"
+							class="button button-primary watch nolink"
 						>Watch scene</Link>
 					</div>
 				</div>
@@ -459,10 +459,12 @@ const poster = computed(() => {
 	display: flex;
 }
 
+/*
 .watch {
 	background: var(--primary);
 	color: var(--text-light);
 }
+*/
 
 .actors,
 .tags {
diff --git a/renderer/+onRenderHtml.js b/renderer/+onRenderHtml.js
index e131b5e..f56feb2 100644
--- a/renderer/+onRenderHtml.js
+++ b/renderer/+onRenderHtml.js
@@ -63,7 +63,7 @@ async function onRenderHtml(pageContext) {
 		<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
 		<meta name="theme-color" content="#f65596">
 
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />
 		<meta name="description" content="${desc}" />
 
 		<title>${title}</title>