diff --git a/resources/views/system/widget/system.blade.php b/resources/views/system/widget/system.blade.php
index e5455a1..2ca30c8 100644
--- a/resources/views/system/widget/system.blade.php
+++ b/resources/views/system/widget/system.blade.php
@@ -306,7 +306,7 @@ use App\Models\{Mailer,Setup,User};
 					<div class="col-6">
 						<label for="autohold" class="form-label">Auto Hold</label>
 						<div class="input-group">
-							<button id="autohold" @class(['btn','btn-danger'=>$o->autohold,'btn-success'=>(! $o->autohold)])><i @class(['bi-toggle-on'=>$o->autohold,'bi-toggle-off'=>(! $o->autohold)])></i></button>
+							<button id="autohold" @class(['btn','btn-danger'=>$o->autohold,'btn-outline-success'=>(! $o->autohold)])><i @class(['bi-toggle-on'=>$o->autohold,'bi-toggle-off'=>(! $o->autohold)])></i></button>
 						</div>
 					</div>
 
@@ -489,7 +489,7 @@ use App\Models\{Mailer,Setup,User};
 								.addClass('bi-toggle-off')
 
 							that.removeClass('btn-danger')
-								.addClass('btn-success')
+								.addClass('btn-outline-success')
 						},
 						cache: false
 					});
@@ -510,7 +510,7 @@ use App\Models\{Mailer,Setup,User};
 							icon.removeClass('bi-toggle-off')
 								.addClass('bi-toggle-on');
 
-							that.removeClass('btn-success')
+							that.removeClass('btn-outline-success')
 								.addClass('btn-danger')
 						},
 						cache: false