diff --git a/scss/_variables.scss b/scss/_variables.scss
index 24fbf14..d0aabdf 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1,6 +1,6 @@
 $primary: #6A955B;
 $dark-primary: #415a38;
-$secondary: #E5E5E5;
+$secondary: #f2f2f2;
 $dark-secondary: #838383;
 $info: #3B7BD9;
 $dark-info: #244C86;
diff --git a/src/components/userProfile/UserProfile.tsx b/src/components/userProfile/UserProfile.tsx
index 43a6451..be06f48 100644
--- a/src/components/userProfile/UserProfile.tsx
+++ b/src/components/userProfile/UserProfile.tsx
@@ -8,7 +8,7 @@ const UserProfile = ({ className, ...rest }: UserProfileProps) => {
       className={`${className} d-inline-flex align-items-center text-muted`}
       {...rest}
     >
-      <i className="user-profile bi bi-person-circle fs-2" />
+      <i className="user-profile pt-2 bi bi-person-circle fs-2" />
     </div>
   );
 };
diff --git a/src/index.ts b/src/index.ts
index 46fa862..08098c9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -18,7 +18,7 @@ import NavItem from './components/nav/components/NavItem';
 import Nav from './components/nav/Nav';
 import Subtitle from './components/subtitle/Subtitle';
 import Layout from './components/layout/Layout';
-import Tabs from 'components/tabs/Tabs';
+import Tabs from './components/tabs/Tabs';
 import '../scss/texmo-react-components.scss';
 
 export {