diff --git a/frontend/src/App.css b/frontend/src/App.css
index 7897306..77624f8 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -19,6 +19,13 @@ html {
   margin-top: 10px;
 }
 
+.version {
+  margin-bottom: 19px;
+  margin-right: 42px;
+  margin-top: 7px;
+  color: rgb(68, 99, 176) !important;
+}
+
 .searchButton {
   padding-right: 4px;
   padding-left: 0px;
@@ -639,15 +646,14 @@ hr {
   margin-left: 20px;
 }
 
+
 .logos {
   display: flex;
   width: 100vw;
-  align-items: center;
-  align-content: flex-end;
-  flex-direction: row-reverse;
-  /* justify-content: flex-end; */
+  align-items: flex-end;
   margin-bottom: -11px;
   margin-top: -16px;
+  flex-direction: column;
 }
 
 .helpButton:hover {
@@ -1030,6 +1036,15 @@ h5 {
     text-underline-offset: 1px;
   }
 
+  .version {
+    margin-bottom: 46px;
+    margin-right: 35px;
+    margin-top: -35px;
+    color: rgb(68, 99, 176) !important;
+    font-weight: 600;
+  }
+
+
   .inputVariants {
     height: 24px;
     border: 1.5px solid #dfdfdf;
diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
index 46adcf8..6f97e2f 100644
--- a/frontend/src/components/Layout/Layout.js
+++ b/frontend/src/components/Layout/Layout.js
@@ -528,6 +528,7 @@ function Layout (props) {
               alt='elixirLogo'
             ></img>
           </a>
+          <h1 className='version'>v0.5.0</h1>
         </div>
       </div>