1 files changed, 59 insertions, 0 deletions

diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index e60c4971c..53c03a40a 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -61,6 +61,12 @@
     width: 350px;
 
     &.auth__container--signup { width: 450px; }
+
+    &.auth__container--releasenotes {
+      width: 90%;
+      height: -webkit-fill-available;
+      max-height: 80%;
+    }
   }
 
   .auth__logo {
@@ -92,6 +98,32 @@
     }
   }
 
+  .releasenotes__body {
+    overflow-y: scroll;
+
+    &::-webkit-scrollbar {
+      width: 8px;
+    }
+
+    /* Track */
+    &::-webkit-scrollbar-track {
+      background: none;
+      border-radius: 10px;
+      -webkit-border-radius: 10px;
+    }
+
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+      background: $theme-gray-lighter;
+      border-radius: 10px;
+      -webkit-border-radius: 10px;
+    }
+
+    &::-webkit-scrollbar-thumb:window-inactive {
+      background: none;
+    }
+  }
+
   .touchid__button {
     margin-bottom: 25px;
   }
@@ -135,6 +167,7 @@
     padding-top: 2%;
     padding-bottom: 2%;
     justify-content: center;
+    height: fit-content;
   }
 
   .auth__adlk {
@@ -168,3 +201,29 @@
     text-align: center;
   }
 }
+
+.auth__main--releasenotes {
+  margin: 4% 2% 0% 4%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: -webkit-fill-available;
+}
+
+.auth__header {
+  font-size: x-large;
+  display: inline-flex;
+  flex-direction: row;
+  align-content: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  height: fit-content;
+
+  &-item__secondary {
+    padding-left: 5px
+  }
+}
+
+.auth__body {
+  margin-top: 2%;
+}