diff --git a/app/(tabs)/sendmessage.tsx b/app/(tabs)/sendmessage.tsx
index da1d9a6..f26232d 100644
--- a/app/(tabs)/sendmessage.tsx
+++ b/app/(tabs)/sendmessage.tsx
@@ -115,14 +115,15 @@ const styles = StyleSheet.create({
   },
   input: {
     width: '100%',
-    minHeight: 100,
+    minHeight: 120,
     borderColor: 'transparent',
     borderWidth: 1,
     borderRadius: 10,
     padding: 10,
     marginBottom: 20,
-    marginTop: 120,
+    marginTop: 160,
     fontSize: 42,
+    lineHeight: 60,
     textAlign: 'center',
     color: '#FFFFFF',
     fontWeight: 'bold',
diff --git a/components/ChangeDateDrawer.tsx b/components/ChangeDateDrawer.tsx
index f8afa0c..2871c79 100644
--- a/components/ChangeDateDrawer.tsx
+++ b/components/ChangeDateDrawer.tsx
@@ -3,6 +3,7 @@ import { StyleSheet, TouchableOpacity, Modal, Platform, View } from 'react-nativ
 import { ThemedText } from '@/components/ThemedText';
 import { ThemedView } from '@/components/ThemedView';
 import DateTimePicker from '@react-native-community/datetimepicker';
+import { LinearGradient } from 'expo-linear-gradient';
 import axios from 'axios';
 
 const API_KEY = process.env.EXPO_PUBLIC_API_KEY;
@@ -50,40 +51,47 @@ export default function ChangeDateDrawer({ isVisible, onClose, onDateChange, cur
     >
       <ThemedView style={styles.centeredView}>
         <ThemedView style={styles.modalView}>
-          <ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText>
+          <LinearGradient
+            colors={['#F67C0A', '#F60AD3']}
+            style={styles.modalView}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 1, y: 1 }}
+          >
+            <ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText>
 
-          <ThemedView style={styles.buttonContainer}>
-            <ThemedView style={styles.dateContainer}>
-            <DateTimePicker
-              testID="datePicker"
-              value={date}
-              mode="date"
-              is24Hour={true}
-              display="default"
-              onChange={handleDateChange}
-            />
+            <ThemedView style={styles.buttonContainer}>
+              <ThemedView style={styles.dateContainer}>
+              <DateTimePicker
+                testID="datePicker"
+                value={date}
+                mode="date"
+                is24Hour={true}
+                display="default"
+                onChange={handleDateChange}
+              />
+              </ThemedView>
+              <ThemedView style={styles.timeContainer}>
+              <DateTimePicker
+                testID="timePicker"
+                value={date}
+                mode="time"
+                is24Hour={true}
+                display="default"
+                onChange={handleTimeChange}
+              />
+              </ThemedView>
             </ThemedView>
-            <ThemedView style={styles.timeContainer}>
-            <DateTimePicker
-              testID="timePicker"
-              value={date}
-              mode="time"
-              is24Hour={true}
-              display="default"
-              onChange={handleTimeChange}
-            />
-            </ThemedView>
-          </ThemedView>
-          
-          <ThemedView style={styles.buttonContainer}>
-            <TouchableOpacity style={styles.button} onPress={handleSave}>
-              <ThemedText style={styles.buttonText}>Save</ThemedText>
-            </TouchableOpacity>
+            
+            <ThemedView style={styles.buttonContainer}>
+              <TouchableOpacity style={styles.button} onPress={handleSave}>
+                <ThemedText style={styles.buttonText}>Save</ThemedText>
+              </TouchableOpacity>
 
-            <TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
-              <ThemedText style={styles.buttonText}>Cancel</ThemedText>
-            </TouchableOpacity>
-          </ThemedView>
+              <TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
+                <ThemedText style={styles.buttonText}>Cancel</ThemedText>
+              </TouchableOpacity>
+            </ThemedView>
+          </LinearGradient>
         </ThemedView>
       </ThemedView>
     </Modal>
@@ -95,13 +103,13 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    backgroundColor: 'rgba(0, 0, 0, 0)',
   },
   modalView: {
-    margin: 20,
-    backgroundColor: 'black',
-    borderRadius: 20,
+    margin: 10,
+    backgroundColor: 'transparent',
     padding: 35,
+    borderRadius: 40,
     alignItems: 'center',
     shadowColor: '#000',
     shadowOffset: {