diff --git a/packages/altair-app/src/scss/_layout.scss b/packages/altair-app/src/scss/_layout.scss
index e022f55028..c3ec996820 100644
--- a/packages/altair-app/src/scss/_layout.scss
+++ b/packages/altair-app/src/scss/_layout.scss
@@ -6,16 +6,19 @@
   background: var(--theme-bg-color);
   cursor: default;
 }
+
 .main-container-inner {
   flex: 1 1 auto;
   min-height: 1px;
   display: flex;
 }
+
 .content-container {
   position: relative;
 }
 
 .app-window__content {
+  position: relative;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -30,11 +33,13 @@
   flex: 1;
   overflow: hidden;
 }
+
 .main-content-row {
   display: flex;
   height: 100%;
   flex-wrap: nowrap;
 }
+
 app-window {
   // width: 100%;
   // height: 100%;
@@ -56,4 +61,4 @@ app-doc-viewer {
   @include main-content-col;
   padding: 0;
   padding-left: 0.5rem;
-}
\ No newline at end of file
+}
diff --git a/packages/altair-app/src/scss/components/_loader.scss b/packages/altair-app/src/scss/components/_loader.scss
index 07ea58139a..ff5b3f6151 100644
--- a/packages/altair-app/src/scss/components/_loader.scss
+++ b/packages/altair-app/src/scss/components/_loader.scss
@@ -5,11 +5,13 @@
   font-weight: 500;
   position: absolute;
   top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(var(--rgb-theme-bg), .3);
+  left: 50%;
+  background: rgba(var(--rgb-theme-bg), .8);
   z-index: 50;
+  padding: 10px;
+  transform: translateX(-50%);
+  min-width: 200px;
+  border-radius: 0 0 4px 4px;
 
   .loader-img {
     vertical-align: middle;