diff --git a/www/app/[domain]/transcripts/[transcriptId]/page.tsx b/www/app/[domain]/transcripts/[transcriptId]/page.tsx
index 50f6e461..55d157a3 100644
--- a/www/app/[domain]/transcripts/[transcriptId]/page.tsx
+++ b/www/app/[domain]/transcripts/[transcriptId]/page.tsx
@@ -64,8 +64,11 @@ export default function TranscriptDetails(details: TranscriptDetails) {
         mb={4}
       >
         <Grid
-          templateColumns="repeat(2, 1fr)"
-          templateRows="auto minmax(0, 1fr)"
+          templateColumns={{ base: "minmax(0, 1fr)", md: "repeat(2, 1fr)" }}
+          templateRows={{
+            base: "auto minmax(0, 1fr) minmax(0, 1fr)",
+            md: "auto minmax(0, 1fr)",
+          }}
           gap={2}
           padding={4}
           paddingBottom={0}
@@ -78,7 +81,7 @@ export default function TranscriptDetails(details: TranscriptDetails) {
             display="flex"
             flexDir="row"
             alignItems={"center"}
-            colSpan={2}
+            colSpan={{ base: 1, md: 2 }}
           >
             <TranscriptTitle
               title={transcript.response.title || "Unamed Transcript"}
diff --git a/www/app/[domain]/transcripts/topicList.tsx b/www/app/[domain]/transcripts/topicList.tsx
index 5c61b04a..e72b9bba 100644
--- a/www/app/[domain]/transcripts/topicList.tsx
+++ b/www/app/[domain]/transcripts/topicList.tsx
@@ -105,6 +105,7 @@ export function TopicList({
       dir="column"
       justify={"center"}
       align={"center"}
+      flexShrink={0}
     >
       {topics.length > 0 ? (
         <>