diff --git a/code/frontend/src/components/Answer/Answer.module.css b/code/frontend/src/components/Answer/Answer.module.css
index 08078f0a2..4da527f76 100644
--- a/code/frontend/src/components/Answer/Answer.module.css
+++ b/code/frontend/src/components/Answer/Answer.module.css
@@ -199,7 +199,8 @@ sup {
     }
 }
 
-@media screen and (max-width: 1280px) {
+/* Styles for 1280p resolution at 200% zoom */
+@media screen and (max-width: 640px) {
     .answerContainer, .answerText {
         font-size: 0.6rem !important;
     }
diff --git a/code/frontend/src/pages/chat/Chat.module.css b/code/frontend/src/pages/chat/Chat.module.css
index bb61b3be0..5d829e4b1 100644
--- a/code/frontend/src/pages/chat/Chat.module.css
+++ b/code/frontend/src/pages/chat/Chat.module.css
@@ -326,7 +326,8 @@
     }
 }
 
-@media screen and (max-width: 1280px) {
+/* Styles for 1280p resolution at 200% zoom */
+@media screen and (max-width: 640px) {
     .clearChatBroom {
         left: -23px !important;
     }
diff --git a/code/frontend/src/pages/layout/Layout.module.css b/code/frontend/src/pages/layout/Layout.module.css
index 087ba3a13..cb35b4a11 100644
--- a/code/frontend/src/pages/layout/Layout.module.css
+++ b/code/frontend/src/pages/layout/Layout.module.css
@@ -8,7 +8,6 @@ body {
 .header, .footer {
     width: 100%;
     max-width: 1200px;
-    padding: 1rem;
     box-sizing: border-box;
 }