Remove extra horizontal scrollbar

Author: trungleduc

src/components/about/LargePortraitCard.tsx

@@ -8,7 +8,7 @@ import Avatar from "./Avatar";
 export function Distinction({ person }) {
   if (person.distinctionTitle.length !== 0) {
     return person.distinctionTitle.map((distinction, index) => (
-      <div>
+      <div key={index}>
         <Link href={person.distinctionLink[index]}>
           <DistinctionIcon className={styles.distinction_icon} />
           {distinction}

src/css/custom.css

@@ -62,7 +62,7 @@
   --ifm-spacing-7xl: 240px;
   --ifm-spacing-8xl: 400px;
 
-  --ifm-navbar-item-padding-horizontal: 2px
+  --ifm-navbar-item-padding-horizontal: 2px;
 }
 
 .flex-full-centered {
@@ -684,3 +684,9 @@ ul.row {
   margin-left: 0;
   width: 100%;
 }
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+}