diff --git a/assets/css/styles.css b/assets/css/styles.css
index 7fa0cbd..a2cec1e 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -6937,6 +6937,11 @@ textarea.form-control-lg {
   position: absolute !important;
 }
 
+@media (min-width: 768px) {
+  .position-absolute-md {
+    position: absolute !important;
+  }
+}
 .position-fixed {
   position: fixed !important;
 }
diff --git a/templates/games.html b/templates/games.html
index 541da3d..df4a15a 100644
--- a/templates/games.html
+++ b/templates/games.html
@@ -20,7 +20,7 @@
               <div class="card-body h-100 position-relative" >
                 <h3 class="card-title {% if project.weblate %}mb-0{% endif %}" >{{project.title}}</h3>{% if project.weblate %}<span class="badge bg-success mb-2">{{ _("Translated by the Queerscriptors") }}</span>{% endif %}
                   {{project.body}}
-                  <div class="position-absolute bottom-0 end-0 mb-2 me-2">
+                  <div class="d-md-inline-block d-grid position-absolute-md bottom-0 end-0 mb-md-2 me-md-2">
                     <a href="{{project|url}}" class="btn btn-primary btn-sm">{{ _("View") }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
                   </div>
               </div>