diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 76c5a37..3ff8aac 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -84,9 +84,6 @@ body {
   color: #121212;
   background-color: rgb(124, 230, 124) !important;
 }
-.highlight_correct {
-  border: 1px solid rgb(124, 230, 124);
-}
 .wrong {
   background-color: rgb(255, 71, 71) !important;
 }
diff --git a/frontend/src/components/Game.vue b/frontend/src/components/Game.vue
index ccd20c8..8a2a2ea 100644
--- a/frontend/src/components/Game.vue
+++ b/frontend/src/components/Game.vue
@@ -144,7 +144,7 @@ export default {
   margin-top: 100px;
 }
 
-@media screen and (max-width: 486px) {
+@media screen and (max-width: 520px) {
   .card {
     width: 94%;
     padding: 3%;
diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue
index 3ec8879..03a7ab9 100644
--- a/frontend/src/components/Login.vue
+++ b/frontend/src/components/Login.vue
@@ -70,4 +70,11 @@ button {
   padding: 5px 8px 5px 8px;
   cursor: pointer;
 }
+
+@media only screen and (max-width: 520px) {
+  div {
+    width: 100%;
+    padding: 40px 0px 40px 0px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/frontend/src/components/Stats.vue b/frontend/src/components/Stats.vue
index 2580b91..fae6afe 100644
--- a/frontend/src/components/Stats.vue
+++ b/frontend/src/components/Stats.vue
@@ -68,7 +68,7 @@ div {
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
 }
 
-@media screen and (max-width: 486px) {
+@media screen and (max-width: 520px) {
   div {
     width: 100%;
     position: relative;