diff --git a/Procfile b/Procfile
index 334a218..d5cc3f5 100644
--- a/Procfile
+++ b/Procfile
@@ -1 +1 @@
-web: vendor/bin/heroku-php-nginx -C setup/heroku/nginx.conf
+web: vendor/bin/heroku-php-nginx -C misc/setup/heroku/nginx.conf
diff --git a/composer.json b/composer.json
index e582919..f3264f1 100644
--- a/composer.json
+++ b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "pablouser1/proxitok",
     "description": "An alternative frontend for TikTok",
-    "version": "2.4.3.0",
+    "version": "2.4.3.1",
     "license": "AGPL-3.0-or-later",
     "type": "project",
     "authors": [
diff --git a/composer.lock b/composer.lock
index ffca478..54908d6 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "7dc0bdf9fcecc4c3a73fb2fb1eece6f4",
+    "content-hash": "3e8c7455c52a55b2b83c691e2e040468",
     "packages": [
         {
             "name": "bramus/router",
@@ -406,16 +406,16 @@
         },
         {
             "name": "symfony/polyfill-mbstring",
-            "version": "v1.26.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "9344f9cb97f3b19424af1a21a3b0e75b0a7d8d7e"
+                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/9344f9cb97f3b19424af1a21a3b0e75b0a7d8d7e",
-                "reference": "9344f9cb97f3b19424af1a21a3b0e75b0a7d8d7e",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
+                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
                 "shasum": ""
             },
             "require": {
@@ -430,7 +430,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.26-dev"
+                    "dev-main": "1.27-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -469,7 +469,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.26.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -485,20 +485,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-05-24T11:49:31+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-php80",
-            "version": "v1.26.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "cfa0ae98841b9e461207c13ab093d76b0fa7bace"
+                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/cfa0ae98841b9e461207c13ab093d76b0fa7bace",
-                "reference": "cfa0ae98841b9e461207c13ab093d76b0fa7bace",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
+                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
                 "shasum": ""
             },
             "require": {
@@ -507,7 +507,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.26-dev"
+                    "dev-main": "1.27-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -552,7 +552,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php80/tree/v1.26.0"
+                "source": "https://github.com/symfony/polyfill-php80/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -568,7 +568,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-05-10T07:21:04+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/process",
diff --git a/scss/README.md b/misc/scss/README.md
similarity index 100%
rename from scss/README.md
rename to misc/scss/README.md
diff --git a/scss/bulma.scss b/misc/scss/bulma.scss
similarity index 100%
rename from scss/bulma.scss
rename to misc/scss/bulma.scss
diff --git a/scss/cssgg.scss b/misc/scss/cssgg.scss
similarity index 100%
rename from scss/cssgg.scss
rename to misc/scss/cssgg.scss
diff --git a/scss/package.json b/misc/scss/package.json
similarity index 53%
rename from scss/package.json
rename to misc/scss/package.json
index 878f447..5ec386e 100644
--- a/scss/package.json
+++ b/misc/scss/package.json
@@ -2,8 +2,8 @@
   "name": "proxitok-scss",
   "private": true,
   "scripts": {
-    "bulma": "sass --style=compressed bulma.scss ../styles/vendor/bulma.min.css",
-    "cssgg": "sass --style=compressed cssgg.scss ../styles/vendor/cssgg.min.css"
+    "bulma": "sass --style=compressed bulma.scss ../../styles/vendor/bulma.min.css",
+    "cssgg": "sass --style=compressed cssgg.scss ../../styles/vendor/cssgg.min.css"
   },
   "dependencies": {
     "bulma": "^0.9.3",
diff --git a/scss/yarn.lock b/misc/scss/yarn.lock
similarity index 100%
rename from scss/yarn.lock
rename to misc/scss/yarn.lock
diff --git a/setup/heroku/nginx.conf b/misc/setup/heroku/nginx.conf
similarity index 100%
rename from setup/heroku/nginx.conf
rename to misc/setup/heroku/nginx.conf
diff --git a/templates/layouts/hero.latte b/templates/layouts/hero.latte
index 847cda2..9976dea 100644
--- a/templates/layouts/hero.latte
+++ b/templates/layouts/hero.latte
@@ -9,7 +9,7 @@
 			{include '../components/navbar.latte'}
 		</div>
 		<div class="hero-body">
-			<div class="container has-text-centered">
+			<div class="container">
 				{block content}{/block}
 			</div>
     </div>
diff --git a/templates/views/video.latte b/templates/views/video.latte
index e1edaa9..da6a80c 100644
--- a/templates/views/video.latte
+++ b/templates/views/video.latte
@@ -1,24 +1,41 @@
 {layout "../layouts/{$layout}.latte"}
 
 {block content}
-	<div class="columns has-text-centered is-centered is-vcentered is-gapless">
-		<div class="column">
+	<div class="columns is-centered is-vcentered is-gapless">
+		<div class="column has-text-centered">
 			<video controls autoplay poster="{url_stream($item->video->originCover)}">
 				<source src="{url_stream($item->video->playAddr)}" type="video/mp4" />
 			</video>
 		</div>
 		<div class="column">
 			<div class="box">
-				<p class="title">Video by <a href="{url_user($detail->uniqueId)}">{$detail->uniqueId}</a></p>
-				<p class="subtitle">{$item->desc}</p>
-				{include '../components/themes/common/stats.latte', playCount: $item->stats->playCount, diggCount: $item->stats->diggCount, commentCount: $item->stats->commentCount, shareCount: $item->stats->shareCount}
-				<div class="container mt-4">
-					<p>{include '../components/icon.latte', icon: 'music', text: $item->music->title}</p>
-      		<audio src="{url_stream($item->music->playUrl)}" controls preload="none"></audio>
-				</div>
-				<hr />
-				{include '../components/themes/common/share.latte', uniqueId: $detail->uniqueId, id: $item->id}
-				{include '../components/themes/common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $detail->uniqueId}
+				<article class="media">
+  				<figure class="media-left">
+  			  	<p class="image is-64x64">
+  			    	<img src="{url_stream($detail->avatarThumb)}" />
+  			  	</p>
+  				</figure>
+  				<div class="media-content">
+  			    <p>
+  			    	<strong>{$detail->nickname}</strong>
+							<small>
+								<a href="{url_user($detail->uniqueId)}">@{$detail->uniqueId}</a>
+							</small>
+							<small title="{date('M d, Y H:i:s e', $item->createTime)}">{date('M d, Y', $item->createTime)}</small>
+  			    </p>
+						{if !empty($item->challenges)}
+						<p>{include '../components/themes/common/tags.latte', challenges: $item->challenges}</p>
+						{/if}
+						<div class="content">
+							<p n:ifcontent>{$item->desc}</p>
+							{include '../components/themes/common/stats.latte', playCount: $item->stats->playCount, diggCount: $item->stats->diggCount, commentCount: $item->stats->commentCount, shareCount: $item->stats->shareCount}
+							<div class="has-text-centered">
+								{include '../components/themes/common/share.latte', uniqueId: $detail->uniqueId, id: $item->id}
+								{include '../components/themes/common/download.latte', playAddr: $item->video->playAddr, id: $item->id, uniqueId: $detail->uniqueId}
+							</div>
+						</div>
+  				</div>
+				</article>
 			</div>
 		</div>
 	</div>