diff --git a/src/components/ConfigCover.css b/src/components/ConfigCover.css
index e0e5c66..19868c4 100644
--- a/src/components/ConfigCover.css
+++ b/src/components/ConfigCover.css
@@ -7,7 +7,7 @@ body{background-color: #f2f2f2;}
     display:flex;
     flex-direction: row;
 }
-
+.tagline{max-width: 300px;}
 .inputData{
     display:flex;
     flex-direction: column;
diff --git a/src/components/ConfigCover.js b/src/components/ConfigCover.js
index 2db69e9..fb3fd1c 100644
--- a/src/components/ConfigCover.js
+++ b/src/components/ConfigCover.js
@@ -20,7 +20,7 @@ class ConfigCover extends React.Component {
                 <div className="inputData card">
 
                     <h1>CoverView</h1>
-                    <p>🛠 Create awesome cover images for your blog posts quickly</p>
+                    <p className="tagline">🛠 Create awesome cover images for your blog posts quickly</p>
                     <input type="text" placeholder="Enter title here" className="inputTitle form-control"
                         onChange={e => this.setState({ title: e.target.value })}></input>