diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 5bef72a..3f5c1ea 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -22,6 +22,7 @@ import {makeStyles, useTheme} from '@material-ui/core/styles'
 import DrawerBar from './drawer-bar'
 import DenyeTeks from './denye-teks'
 import VweKouteAchte from './vwe-koute-achte'
+import OkiMizik from './oki-mizik'
 
 const drawerWidth = 240
 
@@ -182,9 +183,12 @@ export default function TeksDrawer({teks, anTeks}) {
       <main className={classes.content}>
         {anTeks ? (
           <>
-            <Typography noWrap align='center' style={{marginTop: '0.5em'}} variant='h3'>
+            <Typography noWrap align='center' style={{marginTop: '0.8em'}} variant='h4'>
               {anTeks.tit}
             </Typography>
+            {anTeks.okiMizikID && (
+              <OkiMizik id={anTeks.okiMizikID} />
+            )}
             <Grid container className={classes.grid} spacing={3}>
               <Grid item md className={classes.gridText}>
                 <Typography align='center' className={classes.text} variant='h4'>