diff --git a/artifacts/mobile/app/onboarding.tsx b/artifacts/mobile/app/onboarding.tsx
index 00652ce..5872a8e 100644
--- a/artifacts/mobile/app/onboarding.tsx
+++ b/artifacts/mobile/app/onboarding.tsx
@@ -21,6 +21,19 @@ import { ONBOARDING_COMPLETED_KEY } from "@/constants/storage-keys";
 const C = Colors.dark;
 const { width: SCREEN_WIDTH } = Dimensions.get("window");
 
+const slideStyles = StyleSheet.create({
+  iconCircle: {
+    width: 140,
+    height: 140,
+    borderRadius: 70,
+    backgroundColor: C.surfaceElevated,
+    borderWidth: 1,
+    borderColor: C.border,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
+
 type Slide = {
   id: string;
   icon: React.ReactNode;
@@ -158,19 +171,6 @@ export default function OnboardingScreen() {
   );
 }
 
-const slideStyles = StyleSheet.create({
-  iconCircle: {
-    width: 140,
-    height: 140,
-    borderRadius: 70,
-    backgroundColor: C.surfaceElevated,
-    borderWidth: 1,
-    borderColor: C.border,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,