diff --git a/web/components/resolution-panel.tsx b/web/components/resolution-panel.tsx
index b22a45e4..2469c8f1 100644
--- a/web/components/resolution-panel.tsx
+++ b/web/components/resolution-panel.tsx
@@ -72,7 +72,7 @@ export function ResolutionPanel(props: {
 
   return (
     <Col className={clsx('rounded-md bg-white px-8 py-6', className)}>
-      <Title className="mt-0 whitespace-nowrap" text="Resolve market" />
+      <Title className="!mt-0 whitespace-nowrap" text="Resolve market" />
 
       <div className="mb-2 text-sm text-gray-500">Outcome</div>
 
diff --git a/web/pages/[username]/[contractSlug].tsx b/web/pages/[username]/[contractSlug].tsx
index 3c0d0263..1bd86bde 100644
--- a/web/pages/[username]/[contractSlug].tsx
+++ b/web/pages/[username]/[contractSlug].tsx
@@ -122,7 +122,7 @@ export default function ContractPage(props: {
   const ogCardProps = getOpenGraphProps(contract)
 
   const rightSidebar = hasSidePanel ? (
-    <Col>
+    <Col className="gap-4">
       {allowTrade && (
         <BetPanel className="hidden lg:flex" contract={contract} />
       )}