diff --git a/src/app/App.tsx b/src/app/App.tsx
index 4a9e4bf..e4e9efb 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -8,6 +8,7 @@ import {CopilotChat} from './components/Copilot'
 import {connect} from './utils/Connect'
 import { Indicator } from "./components/Indicator";
 import CopilotStreamController from "./controllers/copilotStreamController";
+import "./global.css";
 
 
 // types
@@ -120,7 +121,7 @@ export function App(): React.JSX.Element {
             </div>
 
             <div style={{
-              overflow: "scroll",
+              overflowY: "scroll",
               minWidth: '700px',
               minHeight: "80%",
               paddingRight: '5px',
diff --git a/src/app/global.css b/src/app/global.css
new file mode 100644
index 0000000..706f04f
--- /dev/null
+++ b/src/app/global.css
@@ -0,0 +1,15 @@
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #d0d0d0;
+  border-radius: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #b3b2b2;
+}