diff --git a/assets/css/src/components/_box.scss b/assets/css/src/components/_box.scss
index 01e355ba6a..480338da33 100644
--- a/assets/css/src/components/_box.scss
+++ b/assets/css/src/components/_box.scss
@@ -38,11 +38,18 @@ ul.mailpoet_boxes {
 
 .mailpoet_boxes .mailpoet_template_boxes {
   box-sizing: border-box;
+  flex-direction: column;
   height: auto;
   margin: 0 0 $box-margin-big;
   padding: 0;
   width: 30.5%;
 
+  .mailpoet_template_content {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+  }
+
   @media screen and (max-width: 1178px) {
     width: 47%;
   }
@@ -80,7 +87,6 @@ ul.mailpoet_boxes {
   background: #fafafa;
   border-top: 1px solid #e1e1e1;
   padding: 12px 5%;
-  width: 90%;
 }
 
 .mailpoet_boxes .mailpoet_template_boxes .mailpoet_description h3 {
@@ -89,7 +95,6 @@ ul.mailpoet_boxes {
   line-height: 20px;
   margin: 0;
   max-width: 100%;
-  white-space: nowrap;
 }
 
 .mailpoet_boxes .mailpoet_template_boxes .mailpoet_actions {
@@ -97,6 +102,7 @@ ul.mailpoet_boxes {
   border-left: 1px solid #e8e8e8;
   border-top: 1px solid #d6d6d6;
   bottom: 0px;
+  margin: 0;
   padding: 8px 16px;
   right: 0px;
 
diff --git a/assets/js/src/newsletters/templates/template_box.jsx b/assets/js/src/newsletters/templates/template_box.jsx
index bc2be5c3e1..64761d61ac 100644
--- a/assets/js/src/newsletters/templates/template_box.jsx
+++ b/assets/js/src/newsletters/templates/template_box.jsx
@@ -119,31 +119,33 @@ class TemplateBox extends React.Component {
           { preview }
         </div>
 
-        <div className="mailpoet_description">
-          <h3>{ name }</h3>
-        </div>
+        <div className="mailpoet_template_content">
+          <div className="mailpoet_description">
+            <h3>{ name }</h3>
+          </div>
 
-        <div className="mailpoet_actions">
-          { readonly === '1' ? false : deleteLink }
-          <a
-            className="button button-primary"
-            data-automation-id={`select_template_${index}`}
-            onClick={this.onSelect}
-            role="button"
-            tabIndex={0}
-            onKeyDown={(event) => {
-              if ((['keydown', 'keypress'].includes(event.type) && ['Enter', ' '].includes(event.key))
-              ) {
-                event.preventDefault();
-                this.onSelect();
-              }
-            }}
-          >
-            {' '}
-            {MailPoet.I18n.t('select')}
-            {' '}
+          <div className="mailpoet_actions">
+            { readonly === '1' ? false : deleteLink }
+            <a
+              className="button button-primary"
+              data-automation-id={`select_template_${index}`}
+              onClick={this.onSelect}
+              role="button"
+              tabIndex={0}
+              onKeyDown={(event) => {
+                if ((['keydown', 'keypress'].includes(event.type) && ['Enter', ' '].includes(event.key))
+                ) {
+                  event.preventDefault();
+                  this.onSelect();
+                }
+              }}
+            >
+              {' '}
+              {MailPoet.I18n.t('select')}
+              {' '}
 
-          </a>
+            </a>
+          </div>
         </div>
       </li>
     );