diff --git a/templates/cameras_partial.html b/templates/cameras_partial.html
index 29932b0..87bcaa6 100644
--- a/templates/cameras_partial.html
+++ b/templates/cameras_partial.html
@@ -5,10 +5,10 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_online() %}
         <div class="row">
-            <div class="col-6 offset-1 left_text" style="overflow: hidden;">
+            <div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
                 {{ camera.name }}
             </div>
-            <div class="col-5">
+            <div class="col-sm-6 col-md-5">
                 <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
                     <button class="btn btn-outline-success">
                         <i class="bi bi-card-image" title="click to load preview image"></i>
@@ -33,10 +33,10 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_offline() %}
         <div class="row">
-            <div class="col-6 offset-1 left_text" style="overflow: hidden;">
+            <div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
                 {{ camera.name }}
             </div>
-            <div class="col-5">
+            <div class="col-sm-6 col-md-5">
                 <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
                     <button class="btn btn-outline-success">
                         <i class="bi bi-card-image" title="click to load preview image"></i>