diff --git a/components/previews/PDFPreview.tsx b/components/previews/PDFPreview.tsx
index 8148fb6..bdb5142 100644
--- a/components/previews/PDFPreview.tsx
+++ b/components/previews/PDFPreview.tsx
@@ -26,10 +26,10 @@ const PDFPreview: FunctionComponent<{ file: any }> = ({ file }) => {
   return (
     <>
       <div
-        className="flex flex-col bg-white dark:bg-gray-900 rounded shadow md:p-3 w-full overflow-scroll"
+        className="flex flex-col bg-white dark:bg-gray-900 rounded shadow md:p-3 w-full overflow-scroll no-scrollbar"
         style={{ maxHeight: '90vh' }}
       >
-        <div className="w-full flex-1 overflow-scroll" ref={pdfContainter} style={{ maxHeight: '80vh' }}>
+        <div className="w-full flex-1 overflow-scroll no-scrollbar" ref={pdfContainter} style={{ maxHeight: '80vh' }}>
           <Document
             className="bg-gray-100 dark:bg-gray-800"
             file={file['@microsoft.graph.downloadUrl']}
diff --git a/components/previews/TextPreview.tsx b/components/previews/TextPreview.tsx
index 5353e88..9fd2838 100644
--- a/components/previews/TextPreview.tsx
+++ b/components/previews/TextPreview.tsx
@@ -27,7 +27,7 @@ const TextPreview: FunctionComponent<{ file: any }> = ({ file }) => {
 
   return (
     <>
-      <div className="shadow bg-white dark:bg-gray-900 rounded p-3">
+      <div className="shadow bg-white dark:bg-gray-900 dark:text-gray-100 rounded p-3">
         <pre className="p-0 md:p-3 overflow-scroll">{data}</pre>
       </div>
       <div className="mt-4">
diff --git a/styles/markdown-github.css b/styles/markdown-github.css
index 3453a7b..be03a50 100644
--- a/styles/markdown-github.css
+++ b/styles/markdown-github.css
@@ -990,8 +990,10 @@
 
 @media (prefers-color-scheme: dark) {
   .markdown-body {
-    color: #c9d1d9;
-    background-color: #0d1117;
+    /* color: #c9d1d9; */
+    /* background-color: #0d1117; */
+    color: #F3F4F6;
+    background-color: #18181B;
   }
   .markdown-body a {
     color: #58a6ff;