Please help us below code that right side of arrow not spanned based on height and and help us how to set auto width:

\documentclass{book}
\usepackage{tikz}
\usepackage{tcolorbox}
\makeatletter
\def\@chapter[#1]#2#3{\ifnum \c@secnumdepth >\m@ne
\if@mainmatter
\refstepcounter{chapter}%
\typeout{\@chapapp\space\thechapter.}%
\addcontentsline{toc}{chapter}%
{\protect\numberline{\thechapter}#1}%\thechapter
\else
\addcontentsline{toc}{chapter}{#1}%
\fi
\else
\addcontentsline{toc}{chapter}{#1}%
\fi
\chaptermark{#1}%
\addtocontents{lof}{\protect\addvspace{10\p@}}%
\addtocontents{lot}{\protect\addvspace{10\p@}}%
\if@twocolumn
\@topnewpage[\@makechapterhead{#2}{#3}]%
\else
\@makechapterhead{#2}{#3}%
\@afterheading
\fi}
\def\@makechapterhead#1#2{%
\vspace*{8pt}%
\hspace*{-3.4pt}\begin{strangebox}{#1}{-1cm}
{\parindent\z@\raggedright\normalfont%
\ifnum \c@secnumdepth >\m@ne%
\interlinepenalty\@M%%
{\Large#2\par}\nobreak}%
\end{strangebox}
\fi
\vskip9pt%
\@afterindentfalse%
\@afterheading}%
\definecolor{ctframecolor}{cmyk}{0.07,0.03,0.12,0.10}
\tcbuselibrary{skins}
\usetikzlibrary{calc}
\usetikzlibrary{shadows,shadows.blur}
\pgfdeclarelayer{background}
\pgfdeclarelayer{foreground}
\pgfsetlayers{background,main,foreground}
\definecolor{BaseColor}{HTML}{8533FF}
\newlength{\boxCornerOfset}
\setlength{\boxCornerOfset}{12pt}
\newlength{\boxShadowOfset}
\setlength{\boxShadowOfset}{2mm}
\definecolor{blackone}{cmyk}{0,0,0,0.19}
\definecolor{blacktwo}{cmyk}{0,0,0,0}
% change color of shadow
\tikzset{
render blur shadow/.code=
{\pgfbs@savebb
\pgfsyssoftpath@getcurrentpath{\pgfbs@input@path}%
\pgfbs@compute@shadow@bbox
\pgfbs@process@rounding{\pgfbs@input@path}{\pgfbs@fadepath}%
\pgfbs@apply@canvas@transform
\colorlet{pstb@shadow@color}{white!\pgfbs@opacity!blackone}%
\pgfdeclarefading{shadowfading}{\pgfbs@paint@fading}%
\pgfsetfillcolor{blackone}%
\pgfsetfading{shadowfading}%
{\pgftransformshift{\pgfpoint{\pgfbs@midx}{\pgfbs@midy}}}%
\pgfbs@usebbox{fill}%
\pgfbs@restorebb
},}
\def\framepath{\path[draw=ctframecolor,
blur shadow={shadow xshift=3pt, shadow yshift=-2pt,shadow blur steps=9,fill=white,shadow
opacity=40},
]
(frame.north east) -- ($(frame.north east)!.5!([xshift=-50pt,]frame.south east)$) -- (frame.south east) -- (frame.south west) -- (frame.north west) -- cycle;}
\newtcolorbox{strangebox}[3][]{%
enhanced,
nobeforeafter,
sharp corners,
colupper=green,colframe=ctframecolor,boxsep=7.7pt,
frame code={%
\begin{pgfonlayer}{main}
\framepath
\end{pgfonlayer}
},
interior code={%
\framepath[fill=red]
},
fonttitle=\Large,
attach boxed title to top left={xshift=1.5mm,yshift=-2.21mm},
boxed title style={colframe=cyan,colback=cyan,coltitle=white,arc=2mm, auto outer arc,boxsep=2.75mm,},
title={\MakeUppercase{#2}},
width=0.8\textwidth,
#1%
}
\makeatother
\begin{document}
\chapter{CHECKLIST}{Chapter 1}
\clearpage
\chapter{ACTIVITY SHEET}{Chapter 1 Showcase: Analysing a science media article}
\end{document}

xelatexon my updated TeXLive 2018 distribution. Are you saying you do not get this withxelatex. Rajesh N : could you just update your TeXLive installation, i.e. switch to TeXLive 2019, and try again? – Jan 14 '19 at 15:22