diff --git a/src/components/bottomSheet/types.d.ts b/src/components/bottomSheet/types.d.ts
index 0af458c32..f6bc9e35f 100644
--- a/src/components/bottomSheet/types.d.ts
+++ b/src/components/bottomSheet/types.d.ts
@@ -92,12 +92,12 @@ export type BottomSheetProps = {
    * @see {BottomSheetHandleProps}
    * @type React.FC\<BottomSheetHandleProps\>
    */
-  handleComponent?: React.FC<BottomSheetHandleProps>;
+  handleComponent?: React.FC<BottomSheetHandleProps> | null;
   /**
    * Component to be placed as a sheet background.
    * @type React.FC\<BottomSheetBackgroundProps\>
    */
-  backgroundComponent?: React.FC<BottomSheetBackgroundProps>;
+  backgroundComponent?: React.FC<BottomSheetBackgroundProps> | null;
   /**
    * A scrollable node or normal view.
    * @type React.ReactNode[] | React.ReactNode
diff --git a/src/components/defaultBackground/styles.ts b/src/components/defaultBackground/styles.ts
index 00e3270de..65b8b7854 100644
--- a/src/components/defaultBackground/styles.ts
+++ b/src/components/defaultBackground/styles.ts
@@ -8,5 +8,7 @@ export const styles = StyleSheet.create({
     right: 0,
     bottom: -100,
     backgroundColor: 'white',
+    borderTopLeftRadius: 15,
+    borderTopRightRadius: 15,
   },
 });
diff --git a/src/components/defaultHandle/styles.ts b/src/components/defaultHandle/styles.ts
index 1574aa538..de4d1389b 100644
--- a/src/components/defaultHandle/styles.ts
+++ b/src/components/defaultHandle/styles.ts
@@ -5,9 +5,6 @@ const { width: windowWidth } = Dimensions.get('window');
 export const styles = StyleSheet.create({
   container: {
     padding: 10,
-    borderTopLeftRadius: 15,
-    borderTopRightRadius: 15,
-    backgroundColor: 'white',
   },
 
   indicator: {