diff --git a/components/pages/brain_dump/BrainDumpPage.tsx b/components/pages/brain_dump/BrainDumpPage.tsx
index 98782c5..7f0e0c2 100644
--- a/components/pages/brain_dump/BrainDumpPage.tsx
+++ b/components/pages/brain_dump/BrainDumpPage.tsx
@@ -7,10 +7,12 @@ import {Feather, MaterialIcons} from "@expo/vector-icons";
 import AddBrainDump from "./AddBrainDump";
 import LinearGradient from "react-native-linear-gradient";
 import PlusIcon from "@/assets/svgs/PlusIcon";
-
+import * as Device from 'expo-device'
+import {DeviceType} from 'expo-device'
 const BrainDumpPage = () => {
     const [searchText, setSearchText] = useState<string>("");
     const [isAddVisible, setIsAddVisible] = useState<boolean>(false);
+    const isTablet: boolean = Device.deviceType === DeviceType.TABLET;
 
     return (
         <View height={"100%"}>
@@ -19,7 +21,7 @@ const BrainDumpPage = () => {
                     showsVerticalScrollIndicator={false}
                     showsHorizontalScrollIndicator={false}
                 >
-                    <View marginH-25>
+                    <View marginH-25 style={isTablet ? {alignItems: 'center'} : undefined}>
                         <HeaderTemplate
                             message={"Welcome to your notes!"}
                             isWelcome={false}
@@ -31,7 +33,7 @@ const BrainDumpPage = () => {
                                 </Text>
                             }
                         />
-                        <View>
+                        <View style={isTablet ? {maxWidth: 390} : undefined}>
                             <View style={styles.searchField} centerV>
                                 <TextField
                                     value={searchText}
@@ -78,6 +80,7 @@ const BrainDumpPage = () => {
                         bottom: -10,
                         borderRadius: 30,
                         backgroundColor: "#fd1775",
+                        maxWidth: 450,
                     }}
                     color="white"
                     enableShadow
diff --git a/components/pages/brain_dump/DumpList.tsx b/components/pages/brain_dump/DumpList.tsx
index f1c4dbd..d7b6869 100644
--- a/components/pages/brain_dump/DumpList.tsx
+++ b/components/pages/brain_dump/DumpList.tsx
@@ -1,4 +1,4 @@
-import { View } from "react-native-ui-lib";
+import { View, Text } from "react-native-ui-lib";
 import React from "react";
 import { useBrainDumpContext } from "@/contexts/DumpContext";
 import { FlatList } from "react-native";
diff --git a/components/pages/feedback/FeedbackPage.tsx b/components/pages/feedback/FeedbackPage.tsx
index 464a91f..0571a8f 100644
--- a/components/pages/feedback/FeedbackPage.tsx
+++ b/components/pages/feedback/FeedbackPage.tsx
@@ -7,11 +7,13 @@ import LinearGradient from "react-native-linear-gradient";
 import PlusIcon from "@/assets/svgs/PlusIcon";
 import AddFeedback from "./AddFeedback";
 import FeedbackList from "./FeedbackList";
+import {DeviceType} from 'expo-device'
+import * as Device from 'expo-device'
 
 const FeedbackPage = () => {
     const [searchText, setSearchText] = useState<string>("");
     const [isAddVisible, setIsAddVisible] = useState<boolean>(false);
-
+    const isTablet: boolean = Device.deviceType === DeviceType.TABLET;
     return (
         <View height={"100%"}>
             <View>
@@ -19,7 +21,7 @@ const FeedbackPage = () => {
                     showsVerticalScrollIndicator={false}
                     showsHorizontalScrollIndicator={false}
                 >
-                    <View marginH-25>
+                    <View marginH-25 style={isTablet ? {alignItems: 'center'} : undefined}>
                         <HeaderTemplate
                             message={"Welcome to your Feedback!"}
                             isWelcome={false}
@@ -31,7 +33,7 @@ const FeedbackPage = () => {
                                 </Text>
                             }
                         />
-                        <View>
+                        <View style={isTablet ? {maxWidth: 390} : undefined}>
                             <View style={styles.searchField} centerV>
                                 <TextField
                                     value={searchText}
@@ -49,6 +51,7 @@ const FeedbackPage = () => {
                                     style={{
                                         fontFamily: "Manrope_500Medium",
                                         fontSize: 15,
+                                        width: '100%'
                                     }}
                                     placeholder="Search your feedbacks..."
                                 />
@@ -78,6 +81,7 @@ const FeedbackPage = () => {
                         bottom: -10,
                         borderRadius: 30,
                         backgroundColor: "#fd1775",
+                        maxWidth: 450,
                     }}
                     color="white"
                     enableShadow