added style to copmonents for phone being sideways

components/time-ticket/screen-time-ticket-clockoff.component.jsx

@@ -4,7 +4,7 @@ import { StyleSheet, Text, View, ScrollView } from "react-native";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { Button, TextInput } from "react-native-paper";
+import { Button, TextInput, Card } from "react-native-paper";
 import { CostCenterSelect } from "../Selects/select-cost-center";
 import {
   selectCurrentEmployee,
@@ -120,6 +120,7 @@ export function TimeTicketClockOff({
   return (
     <View style={localStyles.content}>
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+        <Card>
         <Formik
           initialValues={{
             costcenter: { currentSCC },
@@ -162,6 +163,7 @@ export function TimeTicketClockOff({
             </View>
           )}
         </Formik>
+        </Card>
       </ScrollView>
       <View style={{ flexGrow: 1 }}>
         <LaborAllocationsTable jobId={currentTmTicketJobId} />