diff --git a/web-app/src/components/ui/chat/message-input.jsx b/web-app/src/components/ui/chat/message-input.jsx
index 42b8b58..951a70a 100644
--- a/web-app/src/components/ui/chat/message-input.jsx
+++ b/web-app/src/components/ui/chat/message-input.jsx
@@ -5,7 +5,7 @@ import SchematicButton from "src/components/ui/button/schematic-button";
 import { motion } from "motion/react";
 import { BotMessageSquare } from "lucide-react";
 
-export default function MessageInput({ onSend, onDeleteAll }) {
+export default function MessageInput({ onSend }) {
   const [text, setText] = useState("");
 
   function handleSubmit(e) {
@@ -16,22 +16,19 @@ export default function MessageInput({ onSend, onDeleteAll }) {
   }
 
   return (
-    <div className="flex flex-col gap-2">
-      <div className="flex justify-between">
-        <DeleteButton onClick={onDeleteAll}></DeleteButton>
-        <DownButton></DownButton>
-      </div>
-      <form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl">
-        <div className="flex p-2 shadow-xl">
-          <input
-            value={text}
-            onChange={(e) => setText(e.target.value)}
-            placeholder="Type a message..."
-            className="flex-1 mx-2 rounded-md shadow-2sx border-none focus:border-none focus:outline-none"
-          />
-          <button
-            type="submit"
-            className="px-4 py-2 bg-gray-700 rounded-xl ml-4"
+    <div className="w-full flex justify-center">
+      <footer className="fixed bottom-6 max-w-2xl w-full px-4">
+        <div className="flex flex-col gap-2">
+          <div className="flex justify-between">
+            <div className="flex gap-2">
+              <SchematicButton></SchematicButton>
+              <DeleteButton></DeleteButton>
+            </div>
+            <DownButton></DownButton>
+          </div>
+          <form
+            onSubmit={handleSubmit}
+            className="bg-gray-900 rounded-2xl border-2 border-gray-800 shadow-lg shadow-indigo-600"
           >
             <div className="flex p-2 shadow-xl">
               <input
diff --git a/web-app/src/config/markdown.jsx b/web-app/src/config/markdown.jsx
index c0ea78f..bf05d6b 100644
--- a/web-app/src/config/markdown.jsx
+++ b/web-app/src/config/markdown.jsx
@@ -47,12 +47,12 @@ export const MARKDOWN_COMPONENTS = {
     />
   ),
   ul: ({ node, ...props }) => (
-    <ul className="list-disc list-inside ml-4 mb-2" {...props} />
+    <ul className="list-disc list-inside ml-4 mb-2 text-sm" {...props} />
   ),
   ol: ({ node, ...props }) => (
-    <ol className="list-decimal list-inside ml-4 mb-2" {...props} />
+    <ol className="list-decimal list-inside ml-4 mb-2 text-sm" {...props} />
   ),
-  li: ({ node, ...props }) => <li className="mb-1" {...props} />,
+  li: ({ node, ...props }) => <li className="mb-1 text-sm" {...props} />,
   strong: ({ node, ...props }) => (
     <strong className="font-semibold" {...props} />
   ),