diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx
index 91d56cc0..a21be250 100644
--- a/ui/src/components/main.tsx
+++ b/ui/src/components/main.tsx
@@ -315,7 +315,7 @@ export class Main extends Component<any, MainState> {
 
   paginator() {
     return (
-      <div class="mt-2">
+      <div class="my-2">
         {this.state.page > 1 && 
           <button class="btn btn-sm btn-secondary mr-1" onClick={linkEvent(this, this.prevPage)}><T i18nKey="prev">#</T></button>
         }
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 4bc07a04..d1acc46a 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -46,7 +46,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
 
   render() {
     return (
-      <div>
+      <div class="row col-12">
         {!this.state.showEdit 
           ? this.listing()
           : <PostForm post={this.props.post} onEdit={this.handleEditPost} onCancel={this.handleEditCancel}/>