diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index c1538c5..ec015fe 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -207,25 +207,30 @@ img {
 .team {
   align-items: center;
   text-align: center;
-}
-
-.team-list {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  a {
-    color: inherit;
-    margin: 0 auto;
+  .list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 2rem;
+    justify-content: center;
+    a {
+      color: inherit;
+      margin: 0 auto;
+      .member {
+        display: inline-block;
+        align-items: center;
+        text-align: center;
+        padding: 1rem;
+        .title {
+          font-size: x-large;
+          padding-bottom: 0.1rem;
+          text-align: center;
+        }
+      }
+    }
   }
 }
 
-.teammember {
-  display: inline-block;
-  align-items: center;
-  text-align: center;
-  padding: 1rem;
-}
-
 .avatar {
   width: 15rem;
   height: 15rem;
diff --git a/layouts/partials/team.html b/layouts/partials/team.html
index 402f557..758b3c9 100644
--- a/layouts/partials/team.html
+++ b/layouts/partials/team.html
@@ -8,11 +8,13 @@
 {{else if .id}}
     {{- $id = .id }}
 {{end}}
+{{- $members := where $pages "Params.leaveDate" "==" nil}}
+{{- $first := $team.first | default 4}}
 <div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
     <div class="section-content team">
         {{ partial "components/title.html" $team.title }}
         <div class="list">
-            {{- range first 4 ((where $pages "Params.leaveDate" "==" nil).ByParam "startDate") }}
+            {{- range first $first ($members.ByParam "startDate") }}
             <a href="{{.Permalink}}">
                 <div class="member">
                     {{ if .Params.image }}
@@ -20,7 +22,7 @@
                     {{ else }}
                         {{- partial "components/image.html" (dict "style" "avatar" "url" $defaultimage "alt" "Placeholder") -}}
                     {{ end }}
-                    <h1 class="teammember-title">{{ .Params.name }}</h1>
+                    <h1 class="title">{{ .Params.name }}</h1>
                     {{- range .Params.jobs }}
                     <p>{{ . }}</p>
                     {{- end }}
@@ -39,6 +41,8 @@
             </a>
             {{- end }}
         </div>
-        {{ partial "components/button.html" (dict "type" "text block" "url" $team.id "text" ($team.more | default "More")) }}
+        {{ if gt $members.Len $first }}
+          {{ partial "components/button.html" (dict "type" "text block" "url" $team.id "text" ($team.more | default "More")) }}
+        {{ end }}
     </div>
 </div>
diff --git a/layouts/team/list.html b/layouts/team/list.html
index 27c0ad1..f72389c 100644
--- a/layouts/team/list.html
+++ b/layouts/team/list.html
@@ -1,19 +1,19 @@
 {{ define "main" }}
-<div class="content">
+<div class="team content">
     <article>
         {{ partial "components/title.html" .Title }}
         {{.Content}}
     </article>
-    <div class="team-list">
+    <div class="list">
         {{ range (where .Pages "Params.leaveDate" "==" nil).ByParam "startDate" }}
         <a href="{{.Permalink}}">
-            <div class="teammember">
+            <div class="member">
                 {{ if .Params.image }}
                     {{- partial "components/image.html" (dict "style" "avatar" "url" .Params.image "alt" .Params.name) -}}
                 {{ else }}
                     {{- partial "components/image.html" (dict "style" "avatar" "url" $.Site.Params.defaultimage "alt" "Placeholder") -}}
                 {{ end }}
-                <h1 class="teammember-title">{{ .Params.name }}</h1>
+                <h1 class="title">{{ .Params.name }}</h1>
                 {{- range .Params.jobs }}
                     <p>{{ . }}</p>
                 {{- end }}