diff --git a/ServiceHost/Areas/Admin/Pages/Index.cshtml b/ServiceHost/Areas/Admin/Pages/Index.cshtml
index 84910572..a16963c4 100644
--- a/ServiceHost/Areas/Admin/Pages/Index.cshtml
+++ b/ServiceHost/Areas/Admin/Pages/Index.cshtml
@@ -131,12 +131,12 @@
 
 		.gwb-container {
 			display: grid;
-			grid-template-columns: repeat(3, minmax(0, 1fr));
+			grid-template-columns: repeat(6, minmax(0, 1fr));
 			gap: 10px;
 			margin: 9px 0 0 0;
 		}
 		.remain-number {
-			font-size: 14px;
+			font-size: 10px;
 		 
 		}
 
@@ -148,6 +148,7 @@
 			outline: none;
 			border-radius: 4px;
 			font-size: 14px;
+			white-space: nowrap;
 			transition: all ease-in-out .3s
 		}
 
@@ -163,17 +164,25 @@
 			background-color: #0ba3a3;
 		}
 
+		@@media only screen and (max-width : 1550px) {
+			.gwb-container {
+				grid-template-columns: repeat(4, minmax(0, 1fr));
+			}
+		}
+
 		@@media (max-width: 1366px) {
 			.gwb-container {
 				
-				grid-template-columns: repeat(2, minmax(0, 1fr));
-			}
-
-			.remain-number {
-				font-size: 13px;
-			 
+				grid-template-columns: repeat(3, minmax(0, 1fr));
 			}
 		}
+
+		@@media only screen and (max-width : 992px) {
+			.gwb-container {
+				grid-template-columns: repeat(3, minmax(0, 1fr));
+			}
+		}
+
 		@@media (max-width: 768px) {
 			.gwb-container {
 				
@@ -232,7 +241,7 @@
 	<div class="gwb-container">
 
 		<div permission="2" id="smsDiv" class="gwb-card">
-			<div type="button" class="click p-1 loadingButton" style="padding: 0 12px 0 25px">
+			<div type="button" class="click p-1 loadingButton" style="padding: 0 5px">
 				<div class="gwb-card-flex" style="justify-content: space-between;width: 100%;">
 					<div class="gwb-card-flex p-1">
 						<img src="~/AssetsClient/images/sms-icon.png" alt="" class="img-fluid mx-1" width="50px"/>
@@ -242,19 +251,19 @@
 						</div>
 					</div>
 					
-					<div class="card-amount">
-						<span class="remain-number" style="color: #6D6D6D">پیامک باقیمانده</span>
-						<span id="amountSms">@Model.SmsRemaining</span>
-					</div>
+					<div style="display: flex;flex-direction: column;align-items: end;">
+						<div class="card-amount">
+							<span class="remain-number" style="color: #6D6D6D">پیامک باقیمانده</span>
+							<span id="amountSms">@Model.SmsRemaining</span>
+						</div>
 					
-					
-					<div style="">
-
-						<a  href="https://sms.ir/" target="_blank" rel="noopener noreferrer">
-							<button id="btnSMS" class="btnSms">
-								ورود به سامانه
-							</button>
-						</a>
+						<div style="">
+							<a  href="https://sms.ir/" target="_blank" rel="noopener noreferrer">
+								<button id="btnSMS" class="btnSms">
+									ورود به سامانه
+								</button>
+							</a>
+						</div>
 					</div>
 
 				</div>