diff --git a/test/css/repo-home.css b/test/css/repo-home.css
index 969c8a6..7aa5e51 100644
--- a/test/css/repo-home.css
+++ b/test/css/repo-home.css
@@ -1,5 +1,8 @@
 * {
   all: unset;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 title {
@@ -8,7 +11,7 @@ title {
 
 header {
   background-color: #1a1a1a;
-  padding: 0.3em 1em;
+  padding: 1px 1em;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -20,6 +23,7 @@ header {
   display: flex;
   align-items: center;
   gap: 1em;
+  font-family: "Noto Sans", "Liberation Sans";
 }
 
 .logo {
@@ -40,6 +44,7 @@ header {
 }
 .header-left a:hover {
   color: #bfbfbf;
+  background-color: #444;
 }
 
 .header-right a {
@@ -47,22 +52,32 @@ header {
   display: flex;
   align-items: center;
   text-decoration: none;
-  border-radius: 50%;
   padding: 0.5em;
 }
 .header-right a img {
-  width: 30px;
-  height: 30px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: cover;
 }
-.header-right a:hover {
-  background-color: #333;
-}
-
-.profile-icon {
+.header-right a.profile-icon {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /*.header-left {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 50%;
+  }*/
+}
+.header-right a:hover {
+  background-color: #333;
+  border-radius: 50%;
 }
 
 body {
diff --git a/test/scss/_common.scss b/test/scss/_common.scss
index 0506dda..009fce4 100644
--- a/test/scss/_common.scss
+++ b/test/scss/_common.scss
@@ -1,5 +1,8 @@
 * {
     all: unset;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
 }
 
 title {
diff --git a/test/scss/repo-home/_header.scss b/test/scss/repo-home/_header.scss
index 87ce8a0..aa87531 100644
--- a/test/scss/repo-home/_header.scss
+++ b/test/scss/repo-home/_header.scss
@@ -5,11 +5,12 @@ $repo-home-header-nav-hover-text-color: #bfbfbf;
 $repo-home-header-nav-right-text-color: #f0f0f0;
 $repo-home-header-nav-right-hover-bg-color: #333;
 $repo-home-header-border-color: #444;
+$repo-home-header-nav-hover-bg-color: #444;
 
 // Header Styles
 header {
   background-color: $repo-home-header-bg-color;
-  padding: 0.3em 1em;
+  padding: 1px 1em;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -21,6 +22,7 @@ header {
   display: flex;
   align-items: center;
   gap: 1em;
+  font-family: "Noto Sans", "Liberation Sans";
 }
 
 // Logo
@@ -44,6 +46,7 @@ header {
 
   &:hover {
     color: $repo-home-header-nav-hover-text-color;
+	background-color: $repo-home-header-nav-hover-bg-color;
   }
 }
 
@@ -53,23 +56,36 @@ header {
   display: flex;
   align-items: center;
   text-decoration: none;
-  border-radius: 50%;
   padding: 0.5em;
 
   img {
-  width: 30px;
-  height: 30px;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  // Profile Icon Wrapper
+&.profile-icon {
+	width: 30px;
+	height: 30px;
+	border-radius: 50%;
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+  
+	/*.header-left {
+	  width: 100%;
+	  height: 100%;
+	  object-fit: cover;
+	  border-radius: 50%;
+	}*/
   }
 
   &:hover {
     background-color: $repo-home-header-nav-right-hover-bg-color;
+    border-radius: 50%;
   }
 }
 
-// Profile Icon
-.profile-icon {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  overflow: hidden;
-}
+