diff --git a/src/components/loading/LoadingView.scss b/src/components/loading/LoadingView.scss
index bd63beae..d6f8c97b 100644
--- a/src/components/loading/LoadingView.scss
+++ b/src/components/loading/LoadingView.scss
@@ -1,6 +1,7 @@
 .nitro-loading {
     position: relative;
     background: $primary;
+    z-index: 100;
 
     .connecting-duck {
         position: absolute;
@@ -60,34 +61,6 @@
         background: transparent url('https://assets.nitrodev.co/logos/react-loader.png') no-repeat center;
         z-index: 1;
     }
-
-    .nitro-loading-bar {
-        border:1px solid white;
-        padding:3px;
-        height:30px;
-        border-radius: 8px;
-        position: relative;
-        display: flex;
-        flex-direction: column;
-
-        &::before {
-            content:'';
-            position: absolute;
-            inset: 0;
-            margin:3px;
-            border-radius: 4px;
-            background:darken($primary,15);
-            z-index: 0;
-        }
-
-        .nitro-loading-bar-inner {
-            height:100%;
-            z-index: 4;
-            border-radius: 4px;
-            transition: all 1s;
-            background: repeating-linear-gradient($tertiary, $tertiary 50%, $quaternary 50%, $quaternary 100%);
-        }
-    }
 }
 
 @keyframes connecting-duck {
diff --git a/src/components/loading/LoadingView.tsx b/src/components/loading/LoadingView.tsx
index bd6faef2..de643af4 100644
--- a/src/components/loading/LoadingView.tsx
+++ b/src/components/loading/LoadingView.tsx
@@ -1,6 +1,6 @@
 import { FC, useEffect } from 'react';
 import { NotificationUtilities } from '../../api';
-import { Base, Column, Text } from '../../common';
+import { Base, Column, LayoutProgressBar, Text } from '../../common';
 
 interface LoadingViewProps
 {
@@ -31,9 +31,7 @@ export const LoadingView: FC<LoadingViewProps> = props =>
                             :
                             <>
                                 <Text fontSize={ 4 } variant="white" className="text-shadow">{ percent.toFixed() }%</Text>
-                                <div className="nitro-loading-bar mt-2">
-                                    <div className="nitro-loading-bar-inner" style={{ 'width': `${ percent }%` }}/>
-                                </div>   
+                                <LayoutProgressBar progress={ percent } className="mt-2 large" />
                             </>
                         }