diff --git a/frontend/src/layouts/auth/layout.js b/frontend/src/layouts/auth/layout.js
index 6c2c034..62e5e3d 100644
--- a/frontend/src/layouts/auth/layout.js
+++ b/frontend/src/layouts/auth/layout.js
@@ -63,7 +63,7 @@ export const Layout = (props) => {
           lg={6}
           sx={{
             alignItems: 'center',
-            background: `radial-gradient(50% 50% at 50% 50%, ${theme.palette.primary.main} 0%, ${theme.palette.primary.dark } 100%)`,
+            background: `radial-gradient(50% 50% at 50% 50%, ${theme.palette.primary.dark } 0%, ${theme.palette.neutral[800] } 100%)`,
             color: 'white',
             display: 'flex',
             justifyContent: 'center',
@@ -76,7 +76,7 @@ export const Layout = (props) => {
             <Link href="http://localhost/companylink" target="_blank">
               <img
                 alt=""
-                src="/images/logo.png"
+                src={`${process.env.NEXT_PUBLIC_REST_ENDPOINT || ""}/images/logo.png`}
               />
             </Link>
           </Box>
diff --git a/frontend/src/theme/create-components.js b/frontend/src/theme/create-components.js
index 52282e0..d516751 100644
--- a/frontend/src/theme/create-components.js
+++ b/frontend/src/theme/create-components.js
@@ -27,7 +27,11 @@ export function createComponents(config) {
       styleOverrides: {
         root: {
           borderRadius: '12px',
-          textTransform: 'none'
+          textTransform: 'none',
+          '&:hover': {
+            backgroundColor: palette.primary.main,
+            color: palette.primary.contrastText
+          },
         },
         sizeSmall: {
           padding: '6px 16px'
@@ -225,6 +229,15 @@ export function createComponents(config) {
         }
       }
     },
+    MuiFab: {
+      styleOverrides: {
+        root: {
+          '&:hover': {
+            backgroundColor: palette.primary.main,
+          },
+        }
+      }
+    },
     MuiFormLabel: {
       styleOverrides: {
         root: {