diff --git a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
index 3087ea11b..9768bd8a5 100644
--- a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
+++ b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
@@ -132,18 +132,15 @@
 </div>
 
 <ng-template #mobileView>
-    <div *ngIf="motion">
-        <!-- Meta info -->
-        <div class="hspacing"><ng-container *ngTemplateOutlet="metaInfoTemplate"></ng-container></div>
+    <div *ngIf="motion" class="mobile-view">
 
-        <mat-divider *ngIf="!editMotion" class="spacer-top-10 spacer-bottom-20"></mat-divider>
+        <!-- Meta info -->
+        <div class="on-transition-fade"><ng-container *ngTemplateOutlet="metaInfoTemplate"></ng-container></div>
 
         <!-- Content -->
-        <div class="hspacing" [ngClass]="editMotion ? 'os-form-card-mobile' : 'os-card-mobile'">
+        <mat-card [ngClass]="editMotion ? 'os-form-card-mobile' : 'os-card'">
             <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-        </div>
-
-        <mat-divider *ngIf="!editMotion" class="spacer-top-10 spacer-bottom-20"></mat-divider>
+        </mat-card>
 
         <!-- Comments -->
         <os-motion-comments *ngIf="!editMotion" [motion]="motion"></os-motion-comments>
@@ -157,9 +154,7 @@
     <div class="desktop-view" *ngIf="motion">
         <div class="desktop-left on-transition-fade">
             <!-- Meta Info -->
-            <div class="meta-info-block meta-info-desktop">
-                <ng-container *ngTemplateOutlet="metaInfoTemplate"></ng-container>
-            </div>
+            <div><ng-container *ngTemplateOutlet="metaInfoTemplate"></ng-container></div>
 
             <os-motion-comments *ngIf="!editMotion" [motion]="motion"></os-motion-comments>
             <os-personal-note *ngIf="!editMotion && !operator.isAnonymous" [motion]="motion"></os-personal-note>
diff --git a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.scss b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.scss
index 8e05e26bb..827b2a53a 100644
--- a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.scss
+++ b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.scss
@@ -156,6 +156,12 @@ span {
     }
 }
 
+.mobile-view {
+    .os-card {
+        padding: 27px;
+        max-width: calc(100% - 54px);
+    }
+}
 .title-line {
     display: flex;
 }
diff --git a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html b/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
index bea288349..5f6455688 100644
--- a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
+++ b/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
@@ -90,7 +90,7 @@
                     <!-- recommendation line -->
                     <div
                         *ngIf="motion.recommendation && motion.state.next_states_id.length > 0"
-                        class="ellipsis-overflow white"
+                        class="ellipsis-overflow white spacer-top-3"
                     >
                         <mat-basic-chip class="bluegrey" [disabled]="true">
                             {{ getRecommendationLabel(motion) }}
diff --git a/client/src/styles.scss b/client/src/styles.scss
index 17217e09f..300bd54dd 100644
--- a/client/src/styles.scss
+++ b/client/src/styles.scss
@@ -266,6 +266,7 @@ mat-card {
     margin-left: auto !important;
     margin-right: auto !important;
     font-size: 16px;
+    padding: 27px;
 
     .mat-form-field {
         width: 100%;
@@ -274,6 +275,9 @@ mat-card {
 }
 
 .os-form-card-mobile {
+    margin-top: 20px !important;
+    margin-bottom: 20px !important;
+
     .mat-form-field,
     .mat-select {
         width: 100%;
@@ -498,6 +502,9 @@ button.mat-menu-item.selected {
 }
 
 /** helper classes for margin/padding */
+.spacer-top-3 {
+    margin-top: 3px !important;
+}
 .spacer-top-10 {
     margin-top: 10px !important;
 }