Merge pull request #668 from oasisprotocol/lw/dl-align

Fix description alignment in description list
oasisprotocol · Jul 5, 2023 · 0929a78 · 0929a78
2 parents 55bba61 + 4c05fdd
commit 0929a78
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/.changelog/668.internal.md b/.changelog/668.internal.md
@@ -0,0 +1 @@
+Fix description alignment in description list
diff --git a/src/app/components/StyledDescriptionList/index.tsx b/src/app/components/StyledDescriptionList/index.tsx
@@ -42,7 +42,6 @@ export const StyledDescriptionList = styled(InlineDescriptionList, {
 })<StyledDescriptionListProps>(({ theme, standalone, highlight }) => ({
   'dt, dd': {
     display: 'flex',
-    alignItems: 'start',
     boxShadow: `0px 1px 0px ${COLORS.grayLight}`,
     ':last-of-type': {
       boxShadow: 'none',
@@ -56,10 +55,12 @@ export const StyledDescriptionList = styled(InlineDescriptionList, {
   },
   dt: {
     color: COLORS.grayDark,
+    alignItems: 'start',
   },
   dd: {
     color: COLORS.brandExtraDark,
     overflowWrap: 'anywhere',
+    alignItems: 'center',
   },
   ...(standalone && {
     '&&': {