diff --git a/assets/icons/email.svg b/assets/icons/email.svg
new file mode 100644
index 0000000..717582d
--- /dev/null
+++ b/assets/icons/email.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path id="Mail" d="M58.0034485,8H5.9965506c-3.3136795,0-5.9999995,2.6862001-5.9999995,6v36c0,3.3137016,2.6863203,6,5.9999995,6
+	h52.006897c3.3137016,0,6-2.6862984,6-6V14C64.0034485,10.6862001,61.3171501,8,58.0034485,8z M62.0034485,49.1108017
+	L43.084549,30.1919994l18.9188995-12.0555992V49.1108017z M5.9965506,10h52.006897c2.2056007,0,4,1.7943001,4,4v1.7664003
+	L34.4677505,33.3134003c-1.4902,0.9492989-3.3935013,0.9199982-4.8495998-0.0703011L1.9965508,14.4694996V14
+	C1.9965508,11.7943001,3.7910507,10,5.9965506,10z M1.9965508,16.8852005L21.182251,29.9251003L1.9965508,49.1108017V16.8852005z
+	 M58.0034485,54H5.9965506c-1.6473999,0-3.0638998-1.0021019-3.6760998-2.4278984l20.5199013-20.5200024l5.6547985,3.843401
+	c1.0859013,0.7383003,2.3418007,1.1083984,3.5995998,1.1083984c1.1953011,0,2.3925018-0.3339996,3.4463005-1.0048981
+	l5.8423996-3.7230015l20.2961006,20.2961025C61.0673485,52.9978981,59.6508713,54,58.0034485,54z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/lib/components/newsletter.dart b/lib/components/newsletter.dart
index 07ebed3..90a14fa 100644
--- a/lib/components/newsletter.dart
+++ b/lib/components/newsletter.dart
@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:nekoya_flutter/utils/utils.dart';
 
 const OutlineInputBorder outlineInputBorder = OutlineInputBorder(
   borderRadius: BorderRadius.all(Radius.circular(12)),
@@ -38,15 +40,47 @@ class Newsletter extends StatelessWidget {
                   padding: const EdgeInsets.only(top: 25.0),
                   child: TextFormField(
                     decoration: InputDecoration(
-                      filled: true,
-                      fillColor: const Color(0xff212226),
-                      hintText: "Input Your Email",
-                      hintStyle: const TextStyle(color: Colors.white),
-                      border: outlineInputBorder,
-                      enabledBorder: outlineInputBorder,
-                      focusedBorder: outlineInputBorder,
-                      errorBorder: outlineInputBorder,
-                    ),
+                        filled: true,
+                        fillColor: const Color(0xff212226),
+                        hintText: "Input Your Email",
+                        hintStyle: const TextStyle(color: Colors.white),
+                        border: outlineInputBorder,
+                        enabledBorder: outlineInputBorder,
+                        focusedBorder: outlineInputBorder,
+                        errorBorder: outlineInputBorder,
+                        prefixIcon: Padding(
+                          padding: const EdgeInsets.all(14),
+                          child: SvgPicture.asset(
+                            "assets/icons/email.svg",
+                            color: Colors.white,
+                            width: 21.5,
+                            height: 21.5,
+                          ),
+                        ),
+                        suffixIcon: Padding(
+                          padding: const EdgeInsets.symmetric(
+                              horizontal: defaultPadding,
+                              vertical: defaultPadding / 2),
+                          child: SizedBox(
+                            width: 100,
+                            height: 48,
+                            child: ElevatedButton(
+                              style: ElevatedButton.styleFrom(
+                                  primary: const Color(0xff8B0000),
+                                  shape: const RoundedRectangleBorder(
+                                    borderRadius:
+                                        BorderRadius.all(Radius.circular(12)),
+                                  )),
+                              onPressed: () {},
+                              child: const Text(
+                                'SUBSCRIBE',
+                                style: TextStyle(
+                                  fontSize: 12.0,
+                                ),
+                              ),
+                            ),
+                          ),
+                        )),
                   )),
             ],
           ),