diff --git a/bin/frontend/controls/CouponCodeInput.css b/bin/frontend/controls/CouponCodeInput.css
index d3d2a61d8c3e2fb20812157445d91be738c4d388..d29243083855411ca4aa7b57c334d898565b2ade 100644
--- a/bin/frontend/controls/CouponCodeInput.css
+++ b/bin/frontend/controls/CouponCodeInput.css
@@ -11,11 +11,16 @@ div + .quiqqer-coupons-field {
     padding: 5px;
 }
 
-.quiqqer-coupons-couponcodeinput button {
-    border-radius: 0 3px 3px 0;
+.quiqqer-coupons-couponcodeinput-input {
+    min-width: 220px;
+}
+
+.quiqqer-coupons-couponcodeinput-title,
+.quiqqer-coupons-couponcodeinput-input {
+    margin-right: 1rem;
 }
 
 .quiqqer-coupons-couponcodeinput input {
-    border-radius: 3px 0 0 3px;
     line-height: 36px;
+    margin-right: 1rem;
 }
\ No newline at end of file
diff --git a/bin/frontend/controls/CouponCodeInput.html b/bin/frontend/controls/CouponCodeInput.html
index 93c214b99d4b40bbada0ff589243ff6e1082fcdc..e43048a68009c03bb7a7c517d52917a0a49db58a 100644
--- a/bin/frontend/controls/CouponCodeInput.html
+++ b/bin/frontend/controls/CouponCodeInput.html
@@ -1,9 +1,10 @@
 <div class="quiqqer-coupons-couponcodeinput">
     <label>
-        <span>{{labelInput}}</span>
-        <input type="text" name="code"/>
+        <span class="quiqqer-coupons-couponcodeinput-title">{{labelInput}}</span>
+        <input class="quiqqer-coupons-couponcodeinput-input" type="text" name="code"
+               placeholder="{{labelInputPlaceholder}}"/>
     </label>
-    <button class="quiqqer-coupons-couponcodeinput-btn">
+    <button class="quiqqer-coupons-couponcodeinput-btn btn btn-success">
         <span>{{submitBtnText}}</span>
     </button>
 </div>
\ No newline at end of file
diff --git a/bin/frontend/controls/CouponCodeInput.js b/bin/frontend/controls/CouponCodeInput.js
index a602010a8eef5031d2f392c9d86d811f42691c4a..53de490f352d0c8f4a43e166e0509a42a0bfd57a 100644
--- a/bin/frontend/controls/CouponCodeInput.js
+++ b/bin/frontend/controls/CouponCodeInput.js
@@ -53,8 +53,9 @@ define('package/quiqqer/coupons/bin/frontend/controls/CouponCodeInput', [
             this.$Elm.addClass('quiqqer-coupons-field');
 
             this.$Elm.set('html', Mustache.render(template, {
-                labelInput   : QUILocale.get(lg, lgPrefix + 'labelInput'),
-                submitBtnText: QUILocale.get(lg, lgPrefix + 'submitBtnText')
+                labelInput           : QUILocale.get(lg, lgPrefix + 'labelInput'),
+                labelInputPlaceholder: QUILocale.get(lg, lgPrefix + 'labelInputPlaceholder'),
+                submitBtnText        : QUILocale.get(lg, lgPrefix + 'submitBtnText')
             }));
 
             this.Loader.inject(this.$Elm);
diff --git a/locale.xml b/locale.xml
index 14c0a36c4a412b0c77799e5631957d55367a2989..02b516e31ee9973bb451592d5203abdd2fc8c39e 100644
--- a/locale.xml
+++ b/locale.xml
@@ -382,6 +382,10 @@
             <de><![CDATA[Gutschein-Code]]></de>
             <en><![CDATA[Coupon code]]></en>
         </locale>
+        <locale name="controls.frontend.CouponCodeInput.template.labelInputPlaceholder">
+            <de><![CDATA[Gutschein-Code eintippen]]></de>
+            <en><![CDATA[Enter coupon code]]></en>
+        </locale>
         <locale name="controls.frontend.CouponCodeInput.template.submitBtnText">
             <de><![CDATA[Einlösen]]></de>
             <en><![CDATA[Redeem]]></en>