From be6946773eb3b6d761e6694b40389038ccb39893 Mon Sep 17 00:00:00 2001
From: Aswath K <aswath.sana@gmail.com>
Date: Fri, 6 May 2022 16:54:33 +0530
Subject: [PATCH] fix: Broken keyboard nav with BorderRadius & BoxShadow
 (#13636)

---
 .../components/propertyControls/BorderRadiusOptionsControl.tsx  | 2 +-
 .../src/components/propertyControls/BoxShadowOptionsControl.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/client/src/components/propertyControls/BorderRadiusOptionsControl.tsx b/app/client/src/components/propertyControls/BorderRadiusOptionsControl.tsx
index 79b92b0882..989664e0d2 100644
--- a/app/client/src/components/propertyControls/BorderRadiusOptionsControl.tsx
+++ b/app/client/src/components/propertyControls/BorderRadiusOptionsControl.tsx
@@ -25,7 +25,7 @@ const options = Object.keys(borderRadiusOptions).map((optionKey) => ({
       key={optionKey}
       openOnTargetFocus={false}
     >
-      <button>
+      <button tabIndex={-1}>
         <div
           className="w-5 h-5 border-t-2 border-l-2 border-gray-500"
           style={{ borderTopLeftRadius: borderRadiusOptions[optionKey] }}
diff --git a/app/client/src/components/propertyControls/BoxShadowOptionsControl.tsx b/app/client/src/components/propertyControls/BoxShadowOptionsControl.tsx
index 5dca90dd91..562a426869 100644
--- a/app/client/src/components/propertyControls/BoxShadowOptionsControl.tsx
+++ b/app/client/src/components/propertyControls/BoxShadowOptionsControl.tsx
@@ -20,7 +20,7 @@ const options = Object.keys(boxShadowOptions).map((optionKey) => ({
       key={optionKey}
       openOnTargetFocus={false}
     >
-      <button>
+      <button tabIndex={-1}>
         <div
           className="flex items-center justify-center w-5 h-5 bg-white"
           style={{ boxShadow: boxShadowOptions[optionKey] }}