diff --git a/apps/ssr-testing/app/popover/page.tsx b/apps/ssr-testing/app/popover/page.tsx
index 53ef879497..0470df5a49 100644
--- a/apps/ssr-testing/app/popover/page.tsx
+++ b/apps/ssr-testing/app/popover/page.tsx
@@ -6,7 +6,16 @@ export default function Page() {
     <Popover.Root>
       <Popover.Trigger>open</Popover.Trigger>
       <Popover.Portal>
-        <Popover.Content sideOffset={5}>
+        <Popover.Content
+          side="left"
+          sideOffset={5}
+          align="center"
+          avoidCollisions={true}
+          collisionBoundary={document.body}
+          collisionPadding={10}
+          sticky="partial"
+        >
+          <div>Your popover content here</div>
           <Popover.Close>close</Popover.Close>
           <Popover.Arrow width={20} height={10} />
         </Popover.Content>
diff --git a/apps/ssr-testing/app/tooltip/page.tsx b/apps/ssr-testing/app/tooltip/page.tsx
index 5f4af9a15b..8ade423164 100644
--- a/apps/ssr-testing/app/tooltip/page.tsx
+++ b/apps/ssr-testing/app/tooltip/page.tsx
@@ -7,7 +7,15 @@ export default function Page() {
       <Tooltip.Root>
         <Tooltip.Trigger>Hover or Focus me</Tooltip.Trigger>
         <Tooltip.Portal>
-          <Tooltip.Content sideOffset={5}>
+          <Tooltip.Content
+            sideOffset={5}
+            side="left"
+            align="center"
+            avoidCollisions={true}
+            collisionBoundary={document.body}
+            collisionPadding={10}
+            sticky="partial"
+          >
             Nicely done!
             <Tooltip.Arrow />
           </Tooltip.Content>