diff --git a/scripts/client/public/css/pages/history.css b/scripts/client/public/css/pages/history.css
index 441331853bfeec0132cd60e97b3956683d5bb00b..9282f88fccbcab4e7b334508fb8d39238fb44959 100644
--- a/scripts/client/public/css/pages/history.css
+++ b/scripts/client/public/css/pages/history.css
@@ -13,13 +13,29 @@
     background-color: #f1f1f1;
     padding: 2% 2.5% 2%;
     border-radius: 1.5%;
-    font-size: smaller;
-    width: 95vh;
+    width: 50vw;
     height: 75vh;
     box-shadow: 0px 0px 30px rgb(69, 63, 63);
     
 }
 
+@media screen and (max-width: 900px) {
+    .history-ctn {
+        width: 70%;
+        margin: 3% 0;
+        padding: 2% 3% 7%; 
+    }
+}
+
+@media screen and (min-width: 900px) and (max-width: 1280px) {
+    .history-ctn {
+        width: 65%;
+        margin: 3% 0;
+        padding: 2% 3% 7%; 
+    }
+}
+
+
 .history-title {
     font-size: x-large;
     font-weight: 700;
@@ -69,16 +85,12 @@
     overflow-y: auto; 
 }
 
-@media screen and (max-width : 768px) {
-    .history-ctn {
-        width : auto; 
-        height : auto; 
-        padding : 1em; 
+@media screen and (max-width : 900px) {
+    .history-title {
+        font-size: large;
     }
-    
-    .history-title,
     .topup-history-title,
     .buy-history-title {
-        font-size : large; 
+        font-size : medium; 
     }
 }
\ No newline at end of file