diff --git a/src/components/Page.tsx b/src/components/Page.tsx
new file mode 100644
index 0000000..024c518
--- /dev/null
+++ b/src/components/Page.tsx
@@ -0,0 +1,19 @@
+import { Components } from '@revenge-mod/discord/design'
+import type { DiscordModules } from '@revenge-mod/discord/types'
+import { ReactNative } from '@revenge-mod/react'
+
+export default function Page(props: DiscordModules.Components.StackProps) {
+    return (
+        <Components.Stack style={styles.page} spacing={24} {...props}>
+            {props.children}
+        </Components.Stack>
+    )
+}
+
+const styles = ReactNative.StyleSheet.create({
+    page: {
+        flex: 1,
+        paddingHorizontal: 16,
+        paddingTop: 12,
+    },
+})
diff --git a/src/components/SearchInput.tsx b/src/components/SearchInput.tsx
new file mode 100644
index 0000000..22b312f
--- /dev/null
+++ b/src/components/SearchInput.tsx
@@ -0,0 +1,18 @@
+import { Components } from '@revenge-mod/discord/design'
+import { lookupGeneratedIconComponent } from '@revenge-mod/utils/discord'
+
+import type { DiscordModules } from '@revenge-mod/discord/types'
+
+const MagnifyingGlassIcon = lookupGeneratedIconComponent('MagnifyingGlassIcon')
+
+export default function SearchInput(props: DiscordModules.Components.TextInputProps) {
+    return (
+        <Components.TextInput
+            leadingIcon={MagnifyingGlassIcon}
+            size="md"
+            placeholder="Search"
+            returnKeyType="search"
+            {...props}
+        />
+    )
+}