diff --git a/packages/ui/components/sidebarButton/SidebarButton.tsx b/packages/ui/components/sidebarButton/SidebarButton.tsx
index 09d966638..75fd8bc83 100644
--- a/packages/ui/components/sidebarButton/SidebarButton.tsx
+++ b/packages/ui/components/sidebarButton/SidebarButton.tsx
@@ -1,6 +1,6 @@
import React from "react";
import { StyleSheet } from "react-native";
-import { Stack } from "@mobily/stacks";
+import { HStack } from "native-base";
import { tw } from "../../tailwind";
import { Pressable, PressableProps } from "../pressable/Pressable";
@@ -32,9 +32,7 @@ export const SidebarButton = React.forwardRef(
_web: { style: [{ outlineWidth: 0 }, tw`se-inset-focus-mini`] },
}}
>
-
- {children}
-
+ {children}
);
}
diff --git a/packages/ui/components/sidebarLink/SidebarLink.tsx b/packages/ui/components/sidebarLink/SidebarLink.tsx
index 318a4577d..777b51d9b 100644
--- a/packages/ui/components/sidebarLink/SidebarLink.tsx
+++ b/packages/ui/components/sidebarLink/SidebarLink.tsx
@@ -6,7 +6,7 @@ import type { NavigationAction } from "@react-navigation/core";
import { GestureResponderEvent, TextProps, StyleSheet } from "react-native";
import { To } from "@react-navigation/native/lib/typescript/src/useLinkTo";
import { useFocusRing } from "@react-native-aria/focus";
-import { Stack } from "@mobily/stacks";
+import { HStack } from "native-base";
// copied from react-navigation type definitions
declare type SidebarLinkProps =
@@ -49,9 +49,7 @@ export function SidebarLink(
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
>
-
- {props.children}
-
+ {props.children}
);
}