Replace custom z-index rule

share/al-quran.reflectslight.io/CHANGELOG

@@ -2,9 +2,15 @@
 
 ** vNEXT
 
+**** Replace custom z-index rule
+Replace custom z-index rule with the CSS class ~.z-10~
+
+**** Update tail.css
+The vendored copy of ~tail.css~ has been updated
+
 **** Add ~rake format:apply~
-This new rake task tries to auto-correct typescript and ruby lint
-errors
+This new rake task tries to auto-correct typescript and
+ruby lint errors
 
 **** Apply larger font size in ~Head.tsx~
 The text "The Noble Quran" has a larger size (~.text-2xl~)

src/css/base/_select.scss

@@ -1,6 +1,5 @@
 .root .content.theme {
   .react-select {
-    z-index: 1;
     .active {
       cursor: pointer;
     }

src/js/components/Select/index.tsx

@@ -26,7 +26,7 @@ function Select({ value, children: options, className }: Props) {
   return (
     <div
       className={classNames(
-        "react-select flex flex-col h-full relative",
+        "react-select flex flex-col h-full relative z-10",
         className,
       )}
     >