diff --git a/app/src/plugins/tm@modal/_components/a-close-button.vue b/app/src/plugins/tm@modal/_components/a-close-button.vue
index 06bf30d..f45b717 100644
--- a/app/src/plugins/tm@modal/_components/a-close-button.vue
+++ b/app/src/plugins/tm@modal/_components/a-close-button.vue
@@ -1,37 +1,38 @@
 <template>
-	<v-btn
-		icon
-		size="small"
-		variant="text"
-		class="close-button"
-		@click="handleClose"
-	>
-		<v-icon icon="mdi-close" size="large"></v-icon>
-		<v-tooltip activator="parent" location="bottom">
-			Close
-		</v-tooltip>
-	</v-btn>
+  <v-btn
+    icon
+    size="small"
+    variant="text"
+    class="close-button"
+    @click="handleClose"
+  >
+    <v-icon icon="mdi-close" size="large"></v-icon>
+    <v-tooltip activator="parent" location="bottom"> Close </v-tooltip>
+  </v-btn>
 </template>
 
 <script>
 export default {
-	name: 'ACloseButton',
-	emits: ['close'],
+  name: 'ACloseButton',
+  emits: ['close'],
 
-	methods: {
-		handleClose() {
-			this.$emit('close')
-		}
-	}
-}
+  methods: {
+    handleClose() {
+      this.$emit('close');
+    },
+  },
+};
 </script>
 
 <style scoped lang="sass">
 .close-button
+	margin-right: 8px
 	opacity: 0.7
 	transition: opacity 0.2s ease
 
 	&:hover
 		opacity: 1
-</style>
 
+	@media (max-width: 768px)
+		display: none !important
+</style>
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index 0b86ff2..d3d4738 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -257,7 +257,7 @@
           <p>{{ mastertask.project_code }}</p>
           <div class="d-flex align-center">
             <a-reset-size-button @reset="resetModalSize" />
-            <a-close-button class="pb-5" @close="closeModal()" />
+            <a-close-button @close="closeModal()" />
           </div>
         </div>
         <div
diff --git a/app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue b/app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue
index 20e53c0..794159e 100644
--- a/app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue
+++ b/app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue
@@ -51,13 +51,7 @@
     </v-col>
   </v-row>
 
-  <v-dialog
-    v-model="showModal"
-    :width="modalWidth"
-    :height="modalHeight"
-    persistent
-    :retain-focus="false"
-  >
+  <v-dialog v-model="showModal" width="750" persistent :retain-focus="false">
     <v-card>
       <div class="d-flex justify-space-between align-center">
         <h1>Pridať odpracovaný čas</h1>
diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index 40b63f0..7247418 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -202,7 +202,7 @@
 
           <div class="d-flex align-center">
             <a-reset-size-button @reset="resetModalSize" />
-            <a-close-button class="pb-5" @close="closeModal()" />
+            <a-close-button @close="closeModal()" />
           </div>
         </div>
         <div