diff --git a/frontend/src/components/editCalendar/EditModules.vue b/frontend/src/components/editCalendar/EditModules.vue
index a7f8adb..545d514 100644
--- a/frontend/src/components/editCalendar/EditModules.vue
+++ b/frontend/src/components/editCalendar/EditModules.vue
@@ -82,7 +82,7 @@ async function deleteFeed() {
 </script>
 
 <template>
-  <div class="flex flex-column card-container mx-8 mt-2">
+  <div class="flex flex-column card-container lg:mx-8 mt-2">
     <div class="flex align-items-center justify-content-center h-4rem m-2">
       <h3>{{ $t("renameModules.subTitle") }}</h3>
       <ModuleTemplateDialog />
@@ -95,6 +95,7 @@ async function deleteFeed() {
         edit-mode="cell"
         table-class="editable-cells-table"
         responsive-layout="scroll"
+        class="w-full lg:w-8"
       >
         <template #header>
           <div class="flex align-items-center justify-content-end">
@@ -181,7 +182,9 @@ async function deleteFeed() {
           </template>
         </Column>
         <template #footer>
-          <div class="card flex align-items-center justify-content-between border-round m-2">
+          <div
+              class="flex flex-row  flex-wrap justify-content-between gap-2 w-full"
+          >
             <Button type="button" severity="danger" outlined @click="visible = true" icon="pi pi-trash" :label="$t('editCalendarView.delete')"/>
             <Button type="button" severity="info" outlined @click="router.push('edit-additional-modules')" icon="pi pi-plus" :label="$t('editCalendarView.addModules')"/>
             <Button type="button" severity="success" outlined @click="finalStep()" icon="pi pi-save" :label="$t('editCalendarView.save')"/>