diff --git a/client/src/components/marginals/DesktopNavbar.js b/client/src/components/marginals/DesktopNavbar.js
index 361f9857..2a5884b7 100644
--- a/client/src/components/marginals/DesktopNavbar.js
+++ b/client/src/components/marginals/DesktopNavbar.js
@@ -7,7 +7,7 @@ import { useRouter } from 'next/router';
 import InputAdornment from '@mui/material/InputAdornment';
 import SearchIcon from '@mui/icons-material/Search';
 import makeStyles from '@mui/styles/makeStyles';
-import { Container, Typography, TextField, Fade } from '@mui/material';
+import { Container, Typography, TextField, ButtonBase, Fade } from '@mui/material';
 // import TrendingUpSharpIcon from '@mui/icons-material/TrendingUpSharp';
 
 // Utils
@@ -120,21 +120,29 @@ const DesktopNavbar = () => {
                 objectFit='cover'
               />
             </div>
-
-            <TextField
-              variant='standard'
-              label='Search for articles'
-              placeholder='Enter related words'
-              onClick={searchActive}
-              disabled={true}
-              InputProps={{
-                endAdornment: (
-                  <InputAdornment position='start'>
-                    <SearchIcon />
-                  </InputAdornment>
-                ),
-              }}
-            />
+            <div className={classes.searchAndSign}>
+              <TextField
+                variant='standard'
+                label='Search for articles'
+                placeholder='Enter related words'
+                onClick={searchActive}
+                disabled={true}
+                InputProps={{
+                  endAdornment: (
+                    <InputAdornment position='start'>
+                      <SearchIcon />
+                    </InputAdornment>
+                  ),
+                }}
+              />
+              <div className={classes.signIn}>
+                <Link href='/onboarding' passHref>
+                  <ButtonBase type='button' className={classes.button}>
+                    <span className={classes.label}> Sign In </span>
+                  </ButtonBase>
+                </Link>
+              </div>
+            </div>
           </div>
 
           <ul aria-label='Navbar' className={classes.menuContainer}>
@@ -166,16 +174,29 @@ const useStyles = makeStyles((theme) => ({
     width: '100%',
     marginTop: '10px',
   },
-
   detailsContainer: {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-
     paddingTop: '10px',
     paddingBottom: '25px',
     borderBottom: `3px solid ${theme.palette.secondary.neutral50}`,
   },
+  button: {
+    textAlign: 'center',
+    borderRadius: '4px',
+    border: 'solid black 0.5px',
+    margin: '8px 8px 0px 0px',
+    padding: '10px 20px',
+  },
+  label: {
+    fontFamily: 'Source Sans Pro',
+    fontSize: '20px',
+    fontWeight: '400',
+    lineHeight: '1.2rem',
+    textDecoration: 'none',
+    color: theme.palette.secondary.main,
+  },
   imgContainer: {
     width: '33%',
     height: 'auto',
@@ -188,6 +209,13 @@ const useStyles = makeStyles((theme) => ({
     width: 'auto !important',
     height: 'auto !important',
   },
+  searchAndSign: {
+    display: 'flex',
+    alignItems: 'center',
+  },
+  signIn: {
+    paddingLeft: '30px',
+  },
   menuContainer: {
     width: '100%',
     marginTop: '20px',
diff --git a/client/src/components/marginals/TopBar.js b/client/src/components/marginals/TopBar.js
index e17cf430..a417f35f 100644
--- a/client/src/components/marginals/TopBar.js
+++ b/client/src/components/marginals/TopBar.js
@@ -2,10 +2,12 @@ import React from 'react';
 import Link from 'next/link';
 
 import makeStyles from '@mui/styles/makeStyles';
-import { Container } from '@mui/material';
+import { Container, Button, useMediaQuery } from '@mui/material';
+import theme from '../../config/themes/light';
 
 const TopBar = () => {
   const classes = useStyles();
+  const mobile = useMediaQuery(theme.breakpoints.down('sm'));
   return (
     <div className={classes.topBar}>
       <Container>
@@ -26,6 +28,13 @@ const TopBar = () => {
                 <span className={classes.navLink}>Contact Us</span>
               </Link>
             </li>
+            {mobile && (
+              <li className={classes.navItem}>
+                <Link href='#' passHref>
+                  <span className={classes.signInButton}>Sign In</span>
+                </Link>
+              </li>
+            )}
           </ul>
         </div>
       </Container>
@@ -35,6 +44,16 @@ const TopBar = () => {
 export default TopBar;
 
 const useStyles = makeStyles((theme) => ({
+  signInButton: {
+    color: '#ffffff',
+    backgroundColor: '#00368D',
+    alignItems: 'center',
+    padding: '4px 6px',
+    borderRadius: '0.3em',
+    fontFamily: 'IBM Plex Sans',
+    fontSize: '14px',
+    fontWeight: '400',
+  },
   topBar: {
     marginTop: '0',
     backgroundColor: theme.palette.primary.blue50,
diff --git a/client/src/components/onboarding/Pagination.js b/client/src/components/onboarding/pagination.js
similarity index 99%
rename from client/src/components/onboarding/Pagination.js
rename to client/src/components/onboarding/pagination.js
index d3cdc611..831eb406 100644
--- a/client/src/components/onboarding/Pagination.js
+++ b/client/src/components/onboarding/pagination.js
@@ -42,7 +42,6 @@ function Pagination({ stages, active }) {
     </Stepper>
   );
 }
-
 export default Pagination;
 
 const useStyles = makeStyles((theme) => ({
diff --git a/client/yarn.lock b/client/yarn.lock
index 1bf2e46b..b2aadaf7 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -6809,11 +6809,6 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rifm@^0.12.1:
-  version "0.12.1"
-  resolved "https://registry.yarnpkg.com/rifm/-/rifm-0.12.1.tgz#8fa77f45b7f1cda2a0068787ac821f0593967ac4"
-  integrity sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==
-
 rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"