From f2175c47f0a2579a5b992ca2ff158a7cdc922573 Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <sali.bscs17seecs@seecs.edu.pk>
Date: Tue, 4 Jan 2022 22:46:04 +0500
Subject: [PATCH] fixed alignment in post crad dropdown in RTL

---
 src/components/dropdownButton/view/dropdownButtonStyles.js | 1 +
 src/components/dropdownButton/view/dropdownButtonView.tsx  | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/dropdownButton/view/dropdownButtonStyles.js b/src/components/dropdownButton/view/dropdownButtonStyles.js
index 9cb02920a..4de9a3e5b 100644
--- a/src/components/dropdownButton/view/dropdownButtonStyles.js
+++ b/src/components/dropdownButton/view/dropdownButtonStyles.js
@@ -80,5 +80,6 @@ export default EStyleSheet.create({
   rowText: {
     fontSize: 10,
     color: '$primaryDarkGray',
+    textAlign: 'left',
   },
 });
diff --git a/src/components/dropdownButton/view/dropdownButtonView.tsx b/src/components/dropdownButton/view/dropdownButtonView.tsx
index c8c37724e..bcab9f215 100644
--- a/src/components/dropdownButton/view/dropdownButtonView.tsx
+++ b/src/components/dropdownButton/view/dropdownButtonView.tsx
@@ -42,7 +42,11 @@ const renderDropdownRow = (
       </Text>
     </View>
 );
-
+const adjustDropdownFrame = (style:any) => {
+  style.left = 'auto'
+  style.right = 10
+  return style
+}
 const DropdownButtonView = ({
   childIconWrapperStyle,
   children,
@@ -90,6 +94,7 @@ const DropdownButtonView = ({
           dropdownRowWrapper,
         )
       }
+      adjustFrame={(style: any) => adjustDropdownFrame(style) }
     >
       {isHasChildIcon && !isLoading ? (
         <View style={[styles.iconWrapper, childIconWrapperStyle && childIconWrapperStyle]}>