diff --git a/imgbook/public/js/app.js b/imgbook/public/js/app.js
index 14a4f3f..bde7411 100644
--- a/imgbook/public/js/app.js
+++ b/imgbook/public/js/app.js
@@ -1865,6 +1865,7 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   props: ['postId', 'userId'],
   data: function data() {
@@ -37373,6 +37374,8 @@ var render = function() {
             }
           }),
           _vm._v(" "),
+          _c("div", [_vm._v(" ")]),
+          _vm._v(" "),
           _c(
             "button",
             {
diff --git a/imgbook/resources/js/components/CommentComponent.vue b/imgbook/resources/js/components/CommentComponent.vue
index afbed3b..a1b73df 100644
--- a/imgbook/resources/js/components/CommentComponent.vue
+++ b/imgbook/resources/js/components/CommentComponent.vue
@@ -4,7 +4,7 @@
             <label><b>{{ commentMessage }}</b></label>
             <div class="input-group">
                 <input type="textarea" name="text" class="form-control" placeholder="Enter a comment" v-model="newComment">
-                <br>
+                <div>&nbsp;</div> <!-- add single space -->
                 <button class="btn btn-primary" @click="createComment">{{changeOrPost}}</button>
             </div>
         </div>