diff --git a/components/shared/infoBox/InfoBox.tsx b/components/shared/infoBox/InfoBox.tsx
index e7892e2..cf75a4e 100644
--- a/components/shared/infoBox/InfoBox.tsx
+++ b/components/shared/infoBox/InfoBox.tsx
@@ -28,20 +28,29 @@ const InfoBox = ({ work }: InfoBoxProps) => {
           </div>
           <dl className="flex-1">
             {!!selectedManifestation?.audience?.ages.length && (
-              <InfoBoxItem
-                term="Alder"
-                description={selectedManifestation.audience.ages.map(age => age.display)}
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Alder"
+                  description={selectedManifestation.audience.ages.map(age => age.display)}
+                />
+              </>
             )}
             {!!selectedManifestation?.series?.length && (
-              <InfoBoxItem term="Serie" description={getSeriesInfo(selectedManifestation)} />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem term="Serie" description={getSeriesInfo(selectedManifestation)} />
+              </>
             )}
             {!!selectedManifestation?.subjects.all?.length && (
-              <InfoBoxItem
-                term="Emneord"
-                description={selectedManifestation.subjects.all.map(subject => subject.display)}
-                isButtons
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Emneord"
+                  description={selectedManifestation.subjects.all.map(subject => subject.display)}
+                  isButtons
+                />
+              </>
             )}
           </dl>
         </div>
diff --git a/components/shared/infoBox/InfoBoxDetails.tsx b/components/shared/infoBox/InfoBoxDetails.tsx
index 55a3cfe..d116cac 100644
--- a/components/shared/infoBox/InfoBoxDetails.tsx
+++ b/components/shared/infoBox/InfoBoxDetails.tsx
@@ -23,57 +23,83 @@ const InfoBoxDetails = ({ work }: InfoBoxDetailsProps) => {
         <div className="flex w-full flex-col gap-grid-gap-3 lg:flex-row lg:gap-44">
           <dl className="flex-1">
             {!!selectedManifestation && (
-              <InfoBoxItem
-                term="Type"
-                description={selectedManifestation.materialTypes.map(
-                  type => type.materialTypeGeneral.display
-                )}
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Type"
+                  description={selectedManifestation.materialTypes.map(
+                    type => type.materialTypeGeneral.display
+                  )}
+                />
+              </>
             )}
             {!!selectedManifestation?.languages?.main?.length && (
-              <InfoBoxItem
-                term="Sprog"
-                description={selectedManifestation.languages.main.map(language => language.display)}
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Sprog"
+                  description={selectedManifestation.languages.main.map(
+                    language => language.display
+                  )}
+                />
+              </>
             )}
             {!!selectedManifestation?.physicalDescription?.summaryFull && (
-              <InfoBoxItem
-                term="Omfang"
-                description={[selectedManifestation.physicalDescription.summaryFull]}
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Omfang"
+                  description={[selectedManifestation.physicalDescription.summaryFull]}
+                />
+              </>
             )}
             {!!selectedManifestation?.dateFirstEdition?.display ||
               (work.workYear?.display && (
-                <InfoBoxItem
-                  term="Udgivelsesår"
-                  description={[
-                    selectedManifestation?.dateFirstEdition?.display || work.workYear?.display,
-                  ]}
-                />
+                <>
+                  <hr className="border-border not-first:mt-7" />
+                  <InfoBoxItem
+                    term="Udgivelsesår"
+                    description={[
+                      selectedManifestation?.dateFirstEdition?.display || work.workYear?.display,
+                    ]}
+                  />
+                </>
               ))}
           </dl>
           <dl className="flex-1">
             {!!selectedManifestation?.genreAndForm?.length && (
-              <InfoBoxItem term="Genre" description={selectedManifestation.genreAndForm} />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem term="Genre" description={selectedManifestation.genreAndForm} />
+              </>
             )}
             {!!selectedManifestation?.identifiers?.length &&
               !!getIsbnsFromManifestation(selectedManifestation)?.length && (
-                <InfoBoxItem
-                  term="ISBN"
-                  description={getIsbnsFromManifestation(selectedManifestation)}
-                />
+                <>
+                  <hr className="border-border not-first:mt-7" />
+                  <InfoBoxItem
+                    term="ISBN"
+                    description={getIsbnsFromManifestation(selectedManifestation)}
+                  />
+                </>
               )}
             {!!selectedManifestation?.publisher?.length && (
-              <InfoBoxItem term="Forlag" description={selectedManifestation.publisher} />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem term="Forlag" description={selectedManifestation.publisher} />
+              </>
             )}
             {(!!selectedManifestation?.contributors?.length ||
               !!selectedManifestation?.contributorsFromDescription?.length) && (
-              <InfoBoxItem
-                term="Bidragsyder"
-                description={selectedManifestation?.contributors
-                  .map(item => item.display)
-                  .concat(selectedManifestation?.contributorsFromDescription)}
-              />
+              <>
+                <hr className="border-border not-first:mt-7" />
+                <InfoBoxItem
+                  term="Bidragsyder"
+                  description={selectedManifestation?.contributors
+                    .map(item => item.display)
+                    .concat(selectedManifestation?.contributorsFromDescription)}
+                />
+              </>
             )}
           </dl>
         </div>
diff --git a/components/shared/infoBox/InfoBoxItem.tsx b/components/shared/infoBox/InfoBoxItem.tsx
index 9073a2a..a151543 100644
--- a/components/shared/infoBox/InfoBoxItem.tsx
+++ b/components/shared/infoBox/InfoBoxItem.tsx
@@ -20,17 +20,16 @@ const InfoBoxItem = ({ term, description, isButtons = false }: InfoBoxItemProps)
 
   return (
     <>
-      <hr className="border-border not-first:mt-7" />
       <dt className="mt-2 text-typo-caption">{term}</dt>
       {!isButtons && <dd className="mt-6 text-typo-heading-5">{description.join(", ")}</dd>}
       {isButtons && (
-        <div className="mt-6 flex flex-row flex-wrap gap-2">
+        <dd className="mt-6 flex flex-row flex-wrap gap-2">
           {description.map(item => (
             <Button key={item} size={"sm"} className="px-3" onClick={() => handleClick(item)}>
               {item}
             </Button>
           ))}
-        </div>
+        </dd>
       )}
     </>
   )