diff --git a/assets/scss/live-detail.scss b/assets/scss/live-detail.scss
index eeb4eaaef..9c17af462 100644
--- a/assets/scss/live-detail.scss
+++ b/assets/scss/live-detail.scss
@@ -65,9 +65,8 @@ header.navigation {
       }
       button {
         position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
+        right: 20px;
+        bottom: 20px;
         padding: 10px 20px;
         border-radius: 28px;
         font-size: 16px;
diff --git a/layouts/live/list.html b/layouts/live/list.html
index fdf15a028..c84579ef3 100644
--- a/layouts/live/list.html
+++ b/layouts/live/list.html
@@ -97,9 +97,9 @@
             </div>
             <h3><a href="{{ .url }}">{{ .title }}</a></h3>
             {{ if ge now.Unix $over}}
-                <button class="over-btn">{{ i18n "Watch replay" }}</button>
+                <a href="{{ .url }}"><button class="over-btn">{{ i18n "Watch replay" }}</button></a>
             {{ else }}
-                <button class="notice-btn">{{ i18n "View details" }}</button>
+                <a href="{{ .url }}"><button class="notice-btn">{{ i18n "View details" }}</button></a>
             {{ end }}
         </div>
         {{ end }}