diff --git a/src/components/Controller/Controller.tsx b/src/components/Controller/Controller.tsx
index 4f6a845..091d5ce 100644
--- a/src/components/Controller/Controller.tsx
+++ b/src/components/Controller/Controller.tsx
@@ -517,7 +517,7 @@ const Controller = () => {
                 </div>
                 <div className="flex w-full flex-col items-center justify-center gap-1">
                   <textarea
-                    className="h-[350px] w-full rounded bg-gray-600 p-2 text-white"
+                    className="h-[350px] w-full rounded bg-gray-600 p-2 text-white font-mono"
                     readOnly
                     value={consoleMessageList}
                     id="serial_console"
@@ -533,7 +533,7 @@ const Controller = () => {
                           sendCommand();
                         }
                       }}
-                      className="w-full rounded-md bg-gray-600 p-2 text-white"
+                      className="w-full rounded-md bg-gray-600 p-2 text-white font-mono"
                     />
                     <button
                       type="submit"