diff --git a/public/assets/home.jpg b/public/assets/home.jpg
old mode 100644
new mode 100755
index 3d5b401..46127ef
Binary files a/public/assets/home.jpg and b/public/assets/home.jpg differ
diff --git a/src/App.scss b/src/App.scss
index bf7531c..3e26d2a 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -37,7 +37,12 @@ h1, h2, h3, h4, h5, h6 {
 
 .nav {
   .nav-link {
-    font-weight: bold !important;
+    font-weight: 500 !important;
+  }
+  @-moz-document url-prefix() {
+    .nav-link {
+      font-weight: 600 !important;
+    }
   }
 
   .nav-link.active {
diff --git a/src/components/Member.tsx b/src/components/Member.tsx
index 46eaf45..1e855e0 100644
--- a/src/components/Member.tsx
+++ b/src/components/Member.tsx
@@ -21,16 +21,17 @@ const Member: React.FC<MemberProps> = ({
     return (
         <div className={`d-flex gap-3 ${inverted ? "flex-row-reverse" : ""}`}>
             <img height="250px" src={image} alt={`${firstname} ${lastname}`}/>
-            <div className="d-flex flex-column w-100" style={{height: '250px'}}>
-                <div className={`d-flex gap-3 h-50 ${inverted ? "flex-row-reverse" : ""}`}>
-                    <div className={`w-25 ${inverted ? "text-end" : ""}`}>
-                        <h3 className="fs-1 mb-0">{firstname}</h3>
-                        <h3 className="fs-1 mb-0">{lastname}</h3>
+            <div className="d-flex flex-column w-100 gap-1">
+                <div className={`d-flex gap-3 ${inverted ? "flex-row-reverse" : ""}`}>
+                    <div className={`${inverted ? "text-end" : ""}`}>
+                        <h3 className="fs-1 mb-0">{firstname}<br/>{lastname}</h3>
                     </div>
                     <p className="m-0 w-75 fs-5" style={{textAlign: "justify"}}>{description}</p>
                 </div>
-                <div className="d-flex gap-3 h-50">
-                    {!inverted && <img src="/assets/cd.png" alt="CD"/>}
+                <div className="d-flex gap-3" style={{minHeight: '150px', maxHeight: '175px'}}>
+                    {!inverted &&
+                        <div className="d-flex align-items-center"><img src="/assets/cd.png" height={125} alt="CD"/>
+                        </div>}
                     <div className="d-flex column-gap-2 row-gap-1 flex-wrap flex-column w-100">
                         {
                             participation.map((type, index) => {
@@ -55,7 +56,9 @@ const Member: React.FC<MemberProps> = ({
                             )
                         }
                     </div>
-                    {inverted && <img src="/assets/cd.png" alt="CD"/>}
+                    {inverted &&
+                        <div className="d-flex align-items-center"><img src="/assets/cd.png" height={125} alt="CD"/>
+                        </div>}
                 </div>
             </div>
         </div>