improve design

apps/web/pages/settings/my-account/out-of-office/index.tsx

@@ -3,6 +3,7 @@ import React, { useState } from "react";
 import { Controller, useForm, useFormState } from "react-hook-form";
 
 import dayjs from "@calcom/dayjs";
+import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
 import { getLayout } from "@calcom/features/settings/layouts/SettingsLayout";
 import { ShellMain } from "@calcom/features/shell/Shell";
 import { useHasTeamPlan } from "@calcom/lib/hooks/useHasPaidPlan";
@@ -83,9 +84,8 @@ const OutOfOfficeSection = () => {
           setValue("toTeamUserId", null);
           setSelectedMember(null);
         })}>
-        <div className="border-subtle flex flex-col rounded-b-lg border border-t-0 p-6 px-6 py-8 text-sm">
+        <div className="border-subtle flex flex-col border border-b-0 border-t-0 p-6 px-6 py-8 text-sm">
           {/* Add startDate and end date inputs */}
-          <div className="border-subtle mt-2 rounded-lg border bg-gray-50 p-6 dark:bg-transparent">
           {/* Add toggle to enable/disable redirect */}
           <div className="flex flex-row">
             <Switch
@@ -149,8 +149,8 @@ const OutOfOfficeSection = () => {
               />
             </div>
           </div>
-
-            <div className="mt-7">
+        </div>
+        <SectionBottomActions className="mb-6" align="end">
           <Button
             color="primary"
             type="submit"
@@ -158,11 +158,7 @@ const OutOfOfficeSection = () => {
             data-testid="create-entry-ooo-redirect">
             {t("create_entry")}
           </Button>
-            </div>
-          </div>
-
-          <OutOfOfficeEntriesList />
-        </div>
+        </SectionBottomActions>
       </form>
     </>
   );
@@ -250,6 +246,7 @@ const OutOfOfficePage = () => {
       <Meta title={t("out_of_office")} description={t("out_of_office_description")} borderInShellHeader />
       <ShellMain>
         <OutOfOfficeSection />
+        <OutOfOfficeEntriesList />
       </ShellMain>
     </>
   );