diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 981102cc..8cfd4d3b 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -184,7 +184,7 @@ export function ContractDetails(props: {
 
   return (
     <Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap">
-      <Row className="flex-wrap items-center gap-x-4 gap-y-2">
+      <Row className="flex-wrap items-center gap-x-3 gap-y-3">
         <Row className="items-center gap-2">
           <Avatar
             username={creatorUsername}
diff --git a/web/components/share-embed-button.tsx b/web/components/share-embed-button.tsx
index 01ccfe00..d9af7934 100644
--- a/web/components/share-embed-button.tsx
+++ b/web/components/share-embed-button.tsx
@@ -20,7 +20,7 @@ export function ShareEmbedButton(props: { contract: Contract }) {
   return (
     <Menu as="div" className="relative z-40 flex-shrink-0" onClick={copyEmbed}>
       <Menu.Button
-        className="btn btn-xs btn-outline hover:bg-white hover:text-neutral"
+        className="btn btn-xs btn-outline normal-case hover:bg-white hover:text-neutral"
         onClick={copyEmbed}
       >
         <CodeIcon className="w-4 h-4 text-gray-500 mr-1.5" aria-hidden="true" />