diff --git a/static/css/custom.css b/static/css/custom.css
index 8e3d306..e751dde 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -501,57 +501,49 @@ body.dark-mode a {
 }
 
 .employee-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 22px;
-  max-width: 660px;
-  margin: 0.6rem 0 1.8rem;
-  padding: 0 0 14px;
-  border-bottom: 1px solid rgba(0, 60, 120, 0.32);
+  display: grid;
+  grid-template-columns: 180px minmax(0, 1fr);
+  gap: 24px;
+  align-items: start;
+  max-width: 720px;
+  margin: 0.8rem 0 2.2rem;
 }
 
 .employee-photo {
   display: block;
   float: none !important;
-  width: 175px;
-  height: 132px;
+  width: 180px;
+  height: 135px;
   object-fit: cover;
-  border-radius: 4px;
-  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
 }
 
 .employee-info {
-  flex: 1;
   min-width: 0;
-  padding: 10px 14px;
-  background: rgba(255, 255, 255, 0.35);
-  border-left: 3px solid rgba(0, 60, 120, 0.55);
+  padding-top: 3px;
 }
 
 .employee-degree {
-  margin: 0 0 14px;
+  margin: 0 0 17px;
+  color: #1d1d1d;
+  font-size: 1.05rem;
   font-weight: 700;
   line-height: 1.4;
 }
 
+.employee-details {
+  margin: 0;
+}
+
 .employee-details p {
-  margin: 7px 0;
-  line-height: 1.4;
+  margin: 8px 0;
+  line-height: 1.45;
 }
 
 @media (max-width: 600px) {
   .employee-header {
-    flex-direction: column;
-    gap: 14px;
-  }
-
-  .employee-photo {
-    width: 180px;
-    height: 135px;
-  }
-
-  .employee-info {
-    width: 100%;
-    box-sizing: border-box;
+    grid-template-columns: 1fr;
+    gap: 15px;
   }
 }
\ No newline at end of file