diff --git a/src/components/baseView.tsx b/src/components/baseView.tsx
index 6e10845..8505da3 100644
--- a/src/components/baseView.tsx
+++ b/src/components/baseView.tsx
@@ -2,6 +2,8 @@ import {ScrollView, ScrollViewProps, View, ViewProps} from 'react-native';
 
 import clsx from 'clsx';
 
+import {bgBackground} from '@utils';
+
 type BaseViewProps =
   | ({isScrollview?: never} & ViewProps)
   | ({isScrollview: true} & ScrollViewProps);
@@ -11,16 +13,11 @@ export const BaseView = (props: BaseViewProps) => {
     return (
       <ScrollView
         contentContainerStyle={{minHeight: '95%'}}
-        className={clsx('bg-background', 'dark:bg-background-dark', 'flex-1')}
+        className={clsx(bgBackground, 'flex-1')}
         {...props}
       />
     );
   } else {
-    return (
-      <View
-        className={clsx('bg-background', 'dark:bg-background-dark')}
-        {...props}
-      />
-    );
+    return <View className={bgBackground} {...props} />;
   }
 };
diff --git a/src/utils/colors.ts b/src/utils/colors.ts
index 2f36ba0..5f89023 100644
--- a/src/utils/colors.ts
+++ b/src/utils/colors.ts
@@ -17,3 +17,5 @@ export const hslToHex = (HSL: string) => {
   };
   return `#${f(0)}${f(8)}${f(4)}`;
 };
+
+export const bgBackground = 'bg-background dark:bg-background-dark';
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 6bfd395..bcbc6ab 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,2 +1,3 @@
 export * from './colors';
 export * from './urls';
+export * from './text';
diff --git a/src/utils/text.ts b/src/utils/text.ts
new file mode 100644
index 0000000..b7123fe
--- /dev/null
+++ b/src/utils/text.ts
@@ -0,0 +1,9 @@
+export const toTitleCase = (str: string) => {
+  return str
+    .toLowerCase()
+    .split(' ')
+    .map(function (word) {
+      return word.charAt(0).toUpperCase() + word.slice(1);
+    })
+    .join(' ');
+};