diff --git a/client/src/components/content-blocks/assignment/SubmissionForm.vue b/client/src/components/content-blocks/assignment/SubmissionForm.vue
index 4ef85c9d..92ee5cfc 100644
--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@@ -112,6 +112,7 @@ const changeDocumentUrl = (documentUrl: string) => {
 </script>
 
 <style scoped lang="postcss">
+@import 'styles/css/mixins/desktop.css';
 .submission-form-container {
   margin-bottom: $medium-spacing;
 
@@ -119,13 +120,16 @@ const changeDocumentUrl = (documentUrl: string) => {
     margin-bottom: 12px;
   }
 
-  &__submit {
-    margin-right: var(--medium-spacing);
-  }
-
   &__actions {
     display: flex;
     align-items: center;
+    gap: var(--small-spacing);
+
+    flex-direction: column;
+    @mixin desktop {
+      gap: var(--medium-spacing);
+      flex-direction: row;
+    }
   }
 
   &__document {