diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
index 5f546d9285..81e72b694f 100644
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@@ -22,7 +22,7 @@
       width: 100%;
       margin: 4rem auto;
 
-      @media screen and (max-width: 1024px) {
+      @media screen and (max-width: $desktop) {
         margin: 0;
 
         .close {
diff --git a/src/styles/components/task.scss b/src/styles/components/task.scss
index 1f4f45f117..64d864e24c 100644
--- a/src/styles/components/task.scss
+++ b/src/styles/components/task.scss
@@ -4,6 +4,10 @@
   padding: 1rem;
   background-color: $light-background;
 
+  @media screen and (max-width: $desktop) {
+    padding-bottom: 0;
+  }
+
   .subtitle {
     color: $grey-500;
 
@@ -197,6 +201,10 @@
 
 .task-view-container {
   padding-bottom: 1rem;
+	
+  @media screen and (max-width: $desktop) {
+	padding-bottom: 0;
+  }
 
   .task-view * {
     opacity: 0;