diff --git a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
index 44c7a0e0..b947fa46 100644
--- a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
+++ b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
@@ -1,4 +1,4 @@
-import { A, Button, Div, Text } from '@/primitives'
+import { A, Button, Div, H, Text } from '@/primitives'
 
 import fourthSlide from '@/assets/intro-slider/4_record.png'
 import { css } from '@/styled-system/css'
@@ -106,7 +106,9 @@ export const ScreenRecordingSidePanel = () => {
 
       {isScreenRecordingStarted ? (
         <>
-          <Text>{t('stop.heading')}</Text>
+          <H lvl={3} margin={false}>
+            {t('stop.heading')}
+          </H>
           <Text
             variant="note"
             wrap={'pretty'}
@@ -131,7 +133,9 @@ export const ScreenRecordingSidePanel = () => {
         </>
       ) : (
         <>
-          <Text>{t('start.heading')}</Text>
+          <H lvl={3} margin={false}>
+            {t('start.heading')}
+          </H>
           <Text
             variant="note"
             wrap={'pretty'}
diff --git a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
index f70c217b..6760fe37 100644
--- a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
+++ b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
@@ -1,4 +1,4 @@
-import { A, Button, Div, LinkButton, Text } from '@/primitives'
+import { A, Button, Div, H, LinkButton, Text } from '@/primitives'
 
 import thirdSlide from '@/assets/intro-slider/3_resume.png'
 import { css } from '@/styled-system/css'
@@ -137,7 +137,9 @@ export const TranscriptSidePanel = () => {
         <>
           {isTranscriptStarted ? (
             <>
-              <Text>{t('stop.heading')}</Text>
+              <H lvl={3} margin={false}>
+                {t('stop.heading')}
+              </H>
               <Text
                 variant="note"
                 wrap={'pretty'}
@@ -162,7 +164,9 @@ export const TranscriptSidePanel = () => {
             </>
           ) : (
             <>
-              <Text>{t('start.heading')}</Text>
+              <H lvl={3} margin={false}>
+                {t('start.heading')}
+              </H>
               <Text
                 variant="note"
                 wrap={'pretty'}