Merge pull request #57 from Arindam200/main

fix: Fixed Scrollbar Styles

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',

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;
+}