diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css
index 4248d48..1f9b319 100644
--- a/assets/css/dashboard.css
+++ b/assets/css/dashboard.css
@@ -2659,6 +2659,26 @@ body.dark-mode select option {
     accent-color: var(--terminal-green);
 }
 
+/* Compact setting rows - stacked layout for grids/narrow containers */
+.setting-row-compact {
+    flex-direction: column !important;
+    align-items: stretch !important;
+    gap: 0.25rem !important;
+}
+
+.setting-row-compact label {
+    min-width: auto !important;
+    padding-top: 0 !important;
+    margin-bottom: 0.25rem;
+}
+
+.setting-row-compact input,
+.setting-row-compact select,
+.setting-row-compact textarea {
+    width: 100% !important;
+    min-width: auto !important;
+}
+
 .setting-select {
     flex: 1;
     max-width: 200px;
diff --git a/views/CreateTicketView.php b/views/CreateTicketView.php
index 7041dfc..53382d9 100644
--- a/views/CreateTicketView.php
+++ b/views/CreateTicketView.php
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Create New Ticket</title>
     <link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
-    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
+    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
     <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/ticket.css?v=20260124e">
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/dashboard.js?v=20260124e"></script>
     <script>
diff --git a/views/DashboardView.php b/views/DashboardView.php
index a15f32b..a8aaa94 100644
--- a/views/DashboardView.php
+++ b/views/DashboardView.php
@@ -9,7 +9,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ticket Dashboard</title>
     <link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
-    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
+    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/ascii-banner.js"></script>
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/toast.js"></script>
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/markdown.js?v=20260124e"></script>
diff --git a/views/TicketView.php b/views/TicketView.php
index 20e5d7a..d8e87cb 100644
--- a/views/TicketView.php
+++ b/views/TicketView.php
@@ -46,7 +46,7 @@ function formatDetails($details, $actionType) {
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ticket #<?php echo $ticket['ticket_id']; ?></title>
     <link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
-    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
+    <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
     <link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/ticket.css?v=20260124e">
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/toast.js"></script>
     <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/markdown.js?v=20260124e"></script>
diff --git a/views/admin/RecurringTicketsView.php b/views/admin/RecurringTicketsView.php
index 884b09f..9c2d920 100644
--- a/views/admin/RecurringTicketsView.php
+++ b/views/admin/RecurringTicketsView.php
@@ -140,10 +140,10 @@
                         <label for="schedule_time">Schedule Time *</label>
                         <input type="time" id="schedule_time" name="schedule_time" value="09:00" required>
                     </div>
-                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;">
-                        <div class="setting-row">
+                    <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;">
+                        <div class="setting-row setting-row-compact">
                             <label for="category">Category</label>
-                            <select id="category" name="category" style="width: 100%;">
+                            <select id="category" name="category">
                                 <option value="General">General</option>
                                 <option value="Hardware">Hardware</option>
                                 <option value="Software">Software</option>
@@ -151,9 +151,9 @@
                                 <option value="Security">Security</option>
                             </select>
                         </div>
-                        <div class="setting-row">
+                        <div class="setting-row setting-row-compact">
                             <label for="type">Type</label>
-                            <select id="type" name="type" style="width: 100%;">
+                            <select id="type" name="type">
                                 <option value="Issue">Issue</option>
                                 <option value="Maintenance">Maintenance</option>
                                 <option value="Install">Install</option>
@@ -162,9 +162,9 @@
                                 <option value="Problem">Problem</option>
                             </select>
                         </div>
-                        <div class="setting-row">
+                        <div class="setting-row setting-row-compact">
                             <label for="priority">Priority</label>
-                            <select id="priority" name="priority" style="width: 100%;">
+                            <select id="priority" name="priority">
                                 <option value="1">P1 - Critical</option>
                                 <option value="2">P2 - High</option>
                                 <option value="3">P3 - Medium</option>
@@ -172,9 +172,9 @@
                                 <option value="5">P5 - Lowest</option>
                             </select>
                         </div>
-                        <div class="setting-row">
+                        <div class="setting-row setting-row-compact">
                             <label for="assigned_to">Assign To</label>
-                            <select id="assigned_to" name="assigned_to" style="width: 100%;">
+                            <select id="assigned_to" name="assigned_to">
                                 <option value="">Unassigned</option>
                                 <!-- Populated by JavaScript -->
                             </select>
diff --git a/views/admin/TemplatesView.php b/views/admin/TemplatesView.php
index faa3599..1874b4d 100644
--- a/views/admin/TemplatesView.php
+++ b/views/admin/TemplatesView.php
@@ -113,10 +113,10 @@
                         <label for="description_template">Description Template</label>
                         <textarea id="description_template" name="description_template" rows="10" style="width: 100%; min-height: 200px;" placeholder="Pre-filled description content"></textarea>
                     </div>
-                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;">
-                        <div class="setting-row">
+                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;">
+                        <div class="setting-row setting-row-compact">
                             <label for="category">Category</label>
-                            <select id="category" name="category" style="width: 100%;">
+                            <select id="category" name="category">
                                 <option value="">Any</option>
                                 <option value="General">General</option>
                                 <option value="Hardware">Hardware</option>
@@ -125,9 +125,9 @@
                                 <option value="Security">Security</option>
                             </select>
                         </div>
-                        <div class="setting-row">
+                        <div class="setting-row setting-row-compact">
                             <label for="type">Type</label>
-                            <select id="type" name="type" style="width: 100%;">
+                            <select id="type" name="type">
                                 <option value="">Any</option>
                                 <option value="Maintenance">Maintenance</option>
                                 <option value="Install">Install</option>
@@ -137,9 +137,9 @@
                                 <option value="Problem">Problem</option>
                             </select>
                         </div>
-                        <div class="setting-row">
+                        <div class="setting-row setting-row-compact">
                             <label for="priority">Priority</label>
-                            <select id="priority" name="priority" style="width: 100%;">
+                            <select id="priority" name="priority">
                                 <option value="1">P1</option>
                                 <option value="2">P2</option>
                                 <option value="3">P3</option>