diff --git a/app/tests/[id].tsx b/app/tests/[id].tsx
index d826ebc..bffe46e 100644
--- a/app/tests/[id].tsx
+++ b/app/tests/[id].tsx
@@ -61,7 +61,7 @@ const TestScreen = () => {
 
         <View className="gap-4">
           {data.questions?.map((question) => (
-            <Question key={question.id} question={question} />
+            <Question key={question.id} question={question} onPress={() => router.push(`/questions/${question.id}`)} />
           ))}
         </View>
       </Content>
diff --git a/components/ui/content.tsx b/components/ui/content.tsx
index 2fa18ae..b753e37 100644
--- a/components/ui/content.tsx
+++ b/components/ui/content.tsx
@@ -8,7 +8,7 @@ interface ContentProps extends ScrollViewProps {
 
 const Content = forwardRef<ScrollView, ContentProps>(({ children, style, ...rest }, ref) => {
   return (
-    <ScrollView ref={ref} style={[styles.content, style]} {...rest}>
+    <ScrollView ref={ref} contentContainerStyle={[styles.content, style]} {...rest}>
       {children}
     </ScrollView>
   );
@@ -18,7 +18,9 @@ Content.displayName = "Content";
 
 const styles = StyleSheet.create({
   content: {
-    padding: ContentPadding
+    paddingHorizontal: ContentPadding,
+    paddingTop: ContentPadding + 30,
+    paddingBottom: ContentPadding + 20
   }
 });
 
diff --git a/components/ui/custom-select/index.tsx b/components/ui/custom-select/index.tsx
index 36b8398..811e104 100644
--- a/components/ui/custom-select/index.tsx
+++ b/components/ui/custom-select/index.tsx
@@ -36,7 +36,7 @@ const CustomSelect = ({
 
   return (
     <Select className={className} onValueChange={onValueChange} selectedValue={selectedValue} defaultValue={defaultValue}>
-      <SelectTrigger variant="outline" size="md" style={{ backgroundColor }}>
+      <SelectTrigger className="justify-between" variant="outline" size="md" style={{ backgroundColor }}>
         <SelectInput placeholder={placeholder} />
         <FontAwesome5 className="mr-3" name="chevron-down" />
       </SelectTrigger>
diff --git a/constants/theme.ts b/constants/theme.ts
index 8b30bce..ac1e237 100644
--- a/constants/theme.ts
+++ b/constants/theme.ts
@@ -8,7 +8,7 @@ import { Platform } from 'react-native';
 const tintColorLight = '#0a7ea4';
 const tintColorDark = '#fff';
 
-export const ContentPadding = 32;
+export const ContentPadding = 20;
 
 export const Colors = {
   light: {
diff --git a/utils/get-error-axios-message.ts b/utils/get-error-axios-message.ts
index 90ab693..b75ab62 100644
--- a/utils/get-error-axios-message.ts
+++ b/utils/get-error-axios-message.ts
@@ -1,7 +1,10 @@
 import { AxiosError } from "axios";
+import { Platform } from "react-native";
 
 function getErrorAxiosMessage(error: unknown) {
-  console.error(error);
+  if(Platform.OS === 'web') {
+    console.error(error);
+  }
 
   if (error instanceof AxiosError) {
     let message = error.response?.data?.detail ||error.response?.data?.message  || "Unknown Network Error";