diff --git a/packages/devtools/client/components/social/SocialPreviewGroup.vue b/packages/devtools/client/components/social/SocialPreviewGroup.vue
index be7d01a24b..5865b50686 100644
--- a/packages/devtools/client/components/social/SocialPreviewGroup.vue
+++ b/packages/devtools/client/components/social/SocialPreviewGroup.vue
@@ -24,7 +24,7 @@ const card = computed(() => getSocialPreviewCard(props.tags, {
 </script>
 
 <template>
-  <div flex="~ col">
+  <div flex="~ col" w-full>
     <div flex="~ wrap" w-full flex-none>
       <template v-for="name, idx of types" :key="idx">
         <button
diff --git a/packages/devtools/client/pages/modules/open-graph.vue b/packages/devtools/client/pages/modules/open-graph.vue
index 1e945dd62e..47c94e5a4a 100644
--- a/packages/devtools/client/pages/modules/open-graph.vue
+++ b/packages/devtools/client/pages/modules/open-graph.vue
@@ -93,7 +93,7 @@ until(router).toBeTruthy().then((v) => {
 </script>
 
 <template>
-  <div flex="~ col lg:row" h-full w-full of-hidden>
+  <div grid="~ lg:cols-2" h-full w-full of-hidden>
     <div flex-auto of-auto>
       <NNavbar>
         <template #search>