diff --git a/ui/templates/error.html b/ui/templates/error.html
index c69d8ab..a4247c8 100644
--- a/ui/templates/error.html
+++ b/ui/templates/error.html
@@ -3,7 +3,7 @@
 {% block content %}
 
 <div class="row justify-content-center">
-	<div class="col col-6 text-center">
+	<div class="col col-12 col-md-6 text-center">
 		<div class="alert alert-danger">
 			Something went wrong...<br />
 			{{ error }}
diff --git a/ui/templates/instances.html b/ui/templates/instances.html
index fb1211a..2cf3a10 100644
--- a/ui/templates/instances.html
+++ b/ui/templates/instances.html
@@ -4,7 +4,7 @@
 
 {% if operation != "" %}
 <div class="row justify-content-center">
-	<div class="col col-4 mb-3 text-center">
+	<div class="col col-12 col-md-4 mb-3 text-center">
 		<div class="alert alert-primary alert-dismissible fade show text-break" role="alert">
 			{{ operation }}
 			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
@@ -25,7 +25,7 @@
 			{% set color = "danger" %}
 		{% endif %}
 
-	<div class="col col-6">
+	<div class="col col-12 col-lg-6">
 		<form id="form-instance-{{ instance["id"] }}">
 			<input type="hidden" name="INSTANCE_ID" value="{{ instance["id"] }}">
 		</form>