diff --git a/app/providers.tsx b/app/providers.tsx
index d8119bb9..30c15340 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -4,6 +4,7 @@ import {NextUIProvider} from "@nextui-org/react";
 import {ThemeProvider as NextThemesProvider} from "next-themes";
 import {ThemeProviderProps} from "next-themes/dist/types";
 import {useRouter} from "next/navigation";
+import NextTopLoader from "nextjs-toploader";
 import * as React from "react";
 
 export interface ProvidersProps {
@@ -16,7 +17,10 @@ export function Providers({children, themeProps}: ProvidersProps) {
 
   return (
     <NextUIProvider navigate={router.push}>
-      <NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
+      <NextThemesProvider {...themeProps}>
+        <NextTopLoader color="#18c964" height={2} />
+        {children}
+      </NextThemesProvider>
     </NextUIProvider>
   );
 }
diff --git a/package.json b/package.json
index 8fa47d6c..2680d6f0 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "next": "14.1.4",
     "next-contentlayer": "^0.3.4",
     "next-themes": "^0.2.1",
+    "nextjs-toploader": "^1.6.12",
     "nprogress": "^0.2.0",
     "parse-numeric-range": "1.2.0",
     "pdf-lib": "^1.17.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ac6dcc4a..6e54c542 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -185,6 +185,9 @@ importers:
       next-themes:
         specifier: ^0.2.1
         version: 0.2.1(next@14.1.4(@opentelemetry/api@1.7.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      nextjs-toploader:
+        specifier: ^1.6.12
+        version: 1.6.12(next@14.1.4(@opentelemetry/api@1.7.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
@@ -5130,6 +5133,13 @@ packages:
       sass:
         optional: true
 
+  nextjs-toploader@1.6.12:
+    resolution: {integrity: sha512-nbun5lvVjlKnxLQlahzZ55nELVEduqoEXT03KCHnsEYJnFpI/3BaIzpMyq/v8C7UGU2NfxQmjq6ldZ310rsDqA==}
+    peerDependencies:
+      next: '>= 6.0.0'
+      react: '>= 16.0.0'
+      react-dom: '>= 16.0.0'
+
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
@@ -12852,6 +12862,14 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  nextjs-toploader@1.6.12(next@14.1.4(@opentelemetry/api@1.7.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+    dependencies:
+      next: 14.1.4(@opentelemetry/api@1.7.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      nprogress: 0.2.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
diff --git a/styles/globals.css b/styles/globals.css
index ba1d495a..ee03970b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -3,7 +3,6 @@
 @tailwind utilities;
 
 @import 'prism.css';
-@import 'nprogress.css';
 @import 'ads.css';
 
 html {
@@ -18,35 +17,6 @@ body {
   min-height: 100vh;
   position: relative;
 }
-/* Experimental */
-/* body::after { 
-  background-image: radial-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 40%),
-  radial-gradient(rgb(255, 209, 82) 30%, rgb(226, 105, 150), rgba(226, 105, 150, 0.4) 41%, transparent 52%),
-  radial-gradient(rgb(160, 51, 255) 37%, transparent 46%),
-  linear-gradient(155deg, transparent 65%, rgb(37, 212, 102) 95%),
-  linear-gradient(45deg, rgb(0, 101, 224), rgb(15, 139, 255));
-background-position: left bottom, 109% 68%, 109% 68%, center center, center center;
-background-repeat: no-repeat;
-background-size: 200% 200%, 285% 500%, 285% 500%, cover, cover;
-content: "";
-display: block;
-top: 0;
-left: 0;
-right: 0;
-bottom: 0;
-opacity: 0.17;
-position: fixed;
-z-index: 0;
-} */
-
-/* 
-@media screen and (max-width: 640px) {
-  #app-container {
-    height: 100vh;
-    overflow-x: hidden;
-  }
-}
- */
 
 @layer base {
   :root {
diff --git a/styles/nprogress.css b/styles/nprogress.css
deleted file mode 100644
index 8dd03156..00000000
--- a/styles/nprogress.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#nprogress {
-  @apply pointer-events-none;
-}
-
-#nprogress .bar {
-  @apply bg-secondary fixed z-[9999999] top-0 left-0 w-full h-0.5;
-}
-
-#nprogress .peg {
-  @apply block absolute right-0 w-24 h-full opacity-100;
-  box-shadow: 0 0 10px #7828c8, 0 0 5px #7828c8;
-  -webkit-transform: rotate(3deg) translate(0px, -4px);
-  transform: rotate(3deg) translate(0px, -4px);
-}
\ No newline at end of file