diff --git a/web/components/bet-row.tsx b/web/components/bet-row.tsx
index 29493473..bd1633cc 100644
--- a/web/components/bet-row.tsx
+++ b/web/components/bet-row.tsx
@@ -2,7 +2,6 @@ import { useState } from 'react'
 import clsx from 'clsx'
 
 import { BetPanelSwitcher } from './bet-panel'
-import { Row } from './layout/row'
 import { YesNoSelector } from './yes-no-selector'
 import { Binary, CPMM, DPM, FullContract } from 'common/contract'
 import { Modal } from './layout/modal'
diff --git a/web/components/contract/contract-details.tsx b/web/components/contract/contract-details.tsx
index e7cd96a5..3cabb35f 100644
--- a/web/components/contract/contract-details.tsx
+++ b/web/components/contract/contract-details.tsx
@@ -77,68 +77,66 @@ export function ContractDetails(props: {
   const { volumeLabel, createdDate, resolvedDate } = contractMetrics(contract)
 
   return (
-    <Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap">
-      <Row className="flex-1 flex-wrap items-center gap-x-4 gap-y-3">
-        <Row className="items-center gap-2">
-          <Avatar
+    <Row className="flex-1 flex-wrap items-center gap-x-4 gap-y-3 text-sm text-gray-500">
+      <Row className="items-center gap-2">
+        <Avatar
+          username={creatorUsername}
+          avatarUrl={contract.creatorAvatarUrl}
+          noLink={disabled}
+          size={6}
+        />
+        {disabled ? (
+          creatorName
+        ) : (
+          <UserLink
+            className="whitespace-nowrap"
+            name={creatorName}
             username={creatorUsername}
-            avatarUrl={contract.creatorAvatarUrl}
-            noLink={disabled}
-            size={6}
           />
-          {disabled ? (
-            creatorName
-          ) : (
-            <UserLink
-              className="whitespace-nowrap"
-              name={creatorName}
-              username={creatorUsername}
-            />
-          )}
-        </Row>
+        )}
+      </Row>
 
-        {(!!closeTime || !!resolvedDate) && (
-          <Row className="items-center gap-1">
-            <ClockIcon className="h-5 w-5" />
+      {(!!closeTime || !!resolvedDate) && (
+        <Row className="items-center gap-1">
+          <ClockIcon className="h-5 w-5" />
 
-            {/* <DateTimeTooltip text="Market created:" time={contract.createdTime}>
+          {/* <DateTimeTooltip text="Market created:" time={contract.createdTime}>
             {createdDate}
           </DateTimeTooltip> */}
 
-            {resolvedDate && contract.resolutionTime ? (
-              <>
-                {/* {' - '} */}
-                <DateTimeTooltip
-                  text="Market resolved:"
-                  time={contract.resolutionTime}
-                >
-                  {resolvedDate}
-                </DateTimeTooltip>
-              </>
-            ) : null}
+          {resolvedDate && contract.resolutionTime ? (
+            <>
+              {/* {' - '} */}
+              <DateTimeTooltip
+                text="Market resolved:"
+                time={contract.resolutionTime}
+              >
+                {resolvedDate}
+              </DateTimeTooltip>
+            </>
+          ) : null}
 
-            {!resolvedDate && closeTime && (
-              <>
-                {/* {' - '}{' '} */}
-                <EditableCloseDate
-                  closeTime={closeTime}
-                  contract={contract}
-                  isCreator={isCreator ?? false}
-                />
-              </>
-            )}
-          </Row>
-        )}
-
-        <Row className="items-center gap-1">
-          <DatabaseIcon className="h-5 w-5" />
-
-          <div className="whitespace-nowrap">{volumeLabel}</div>
+          {!resolvedDate && closeTime && (
+            <>
+              {/* {' - '}{' '} */}
+              <EditableCloseDate
+                closeTime={closeTime}
+                contract={contract}
+                isCreator={isCreator ?? false}
+              />
+            </>
+          )}
         </Row>
+      )}
 
-        {!disabled && <ContractInfoDialog contract={contract} bets={bets} />}
+      <Row className="items-center gap-1">
+        <DatabaseIcon className="h-5 w-5" />
+
+        <div className="whitespace-nowrap">{volumeLabel}</div>
       </Row>
-    </Col>
+
+      {!disabled && <ContractInfoDialog contract={contract} bets={bets} />}
+    </Row>
   )
 }