From a985ed97e86557501babe79e2a51be7552b9f5b4 Mon Sep 17 00:00:00 2001
From: MISONLN41 <MISONLN41@users.noreply.github.com>
Date: Mon, 24 May 2021 12:08:23 +0900
Subject: [PATCH] Append z-index to dropdown menu in LangSelector.js

---
 pages/components/LangSelector.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/components/LangSelector.js b/pages/components/LangSelector.js
index 4376fa0..15c54d6 100644
--- a/pages/components/LangSelector.js
+++ b/pages/components/LangSelector.js
@@ -44,7 +44,7 @@ const Dropdown = ({ color }) => {
       </svg>
     </button>  
   <div ref={popoverDropdownRef} className={
-              (dropdownPopoverShow ? "block " : "hidden ") + "origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
+              (dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
     <div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
     <Link href="#" locale="ja">
       <a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">日本語</a>