diff --git a/code/frontend/src/components/Answer/Answer.module.css b/code/frontend/src/components/Answer/Answer.module.css
index fe626ec5e..08078f0a2 100644
--- a/code/frontend/src/components/Answer/Answer.module.css
+++ b/code/frontend/src/components/Answer/Answer.module.css
@@ -180,11 +180,32 @@ sup {
 
 @media (max-width: 500px) {
     .answerFooter {
-      flex-direction: column; 
+      flex-direction: column;
     }
-  
+
     .citationContainer {
         width: 100%;
         overflow-y: auto;
     }
-  }
\ No newline at end of file
+  }
+
+  /* High contrast mode specific styles */
+  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
+    .answerContainer{
+        border: 2px solid WindowText;
+        padding: 10px;
+        background-color: Window;
+        color: WindowText;
+    }
+}
+
+@media screen and (max-width: 1280px) {
+    .answerContainer, .answerText {
+        font-size: 0.6rem !important;
+    }
+
+    .answerDisclaimer, .accordionTitle, .citationContainer{
+        font-size: 0.5rem !important;
+    }
+
+}
diff --git a/code/frontend/src/pages/chat/Chat.module.css b/code/frontend/src/pages/chat/Chat.module.css
index 19ebec61d..bb61b3be0 100644
--- a/code/frontend/src/pages/chat/Chat.module.css
+++ b/code/frontend/src/pages/chat/Chat.module.css
@@ -311,7 +311,14 @@
 
   /* High contrast mode specific styles */
   @media screen and (-ms-high-contrast: active), (forced-colors: active) {
-    .chatContainer {
+    .chatContainer, .chatMessageUserMessage {
+        border: 2px solid WindowText;
+        padding: 10px;
+        background-color: Window;
+        color: WindowText;
+    }
+
+    .citationPanel , .citationPanelHeader, .citationPanelTitle, .citationPanelContent{
         border: 2px solid WindowText;
         padding: 10px;
         background-color: Window;
@@ -321,6 +328,18 @@
 
 @media screen and (max-width: 1280px) {
     .clearChatBroom {
-        left: -17px !important;
+        left: -23px !important;
+    }
+    .citationPanelContent,.chatMessageUserMessage{
+        font-size: 0.6rem !important;
+    }
+    textarea{
+        font-size: 0.6rem !important;
+    }
+    .citationPanelHeader{
+        font-size: 1rem !important;
+    }
+    .citationPanelTitle{
+        font-size: 0.8rem !important;
     }
 }
diff --git a/code/frontend/src/pages/layout/Layout.module.css b/code/frontend/src/pages/layout/Layout.module.css
index 96bf2b109..087ba3a13 100644
--- a/code/frontend/src/pages/layout/Layout.module.css
+++ b/code/frontend/src/pages/layout/Layout.module.css
@@ -132,7 +132,8 @@ body {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
 
-.shareButtonContainer{
+.shareButtonContainer, .headerTitleContainer{
     border: 2px solid WindowText;
 }
+
 }