diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
index 5c0765797..603a4a36b 100755
--- a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
+++ b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
@@ -4930,4 +4930,12 @@ body {
 
 .d-inline-block {
     display: inline-block;
+}
+
+.icon-position {
+    margin-left: -30px; 
+    cursor: pointer; 
+    vertical-align: sub;
+    position: absolute;
+    margin-top: 15px;
 }
\ No newline at end of file
diff --git a/packages/Webkul/Shop/src/Resources/views/customers/session/index.blade.php b/packages/Webkul/Shop/src/Resources/views/customers/session/index.blade.php
index 6a1281bbe..2b164b2d3 100755
--- a/packages/Webkul/Shop/src/Resources/views/customers/session/index.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/customers/session/index.blade.php
@@ -30,7 +30,7 @@
                 <div class="control-group" :class="[errors.has('password') ? 'has-error' : '']">
                     <label for="password" class="required">{{ __('shop::app.customer.login-form.password') }}  </label>
                     <input type="password" v-validate="'required|min:6'" class="control" id="password" name="password" data-vv-as="&quot;{{ __('admin::app.users.sessions.password') }}&quot;" value=""/>
-                    <i refer="#password" class="icon eye-icon toggle-password-icon" style="margin-left: -30px; cursor: pointer; vertical-align: sub;position: absolute;margin-top: 15px;"></i>
+                    <i refer="#password" class="icon eye-icon toggle-password-icon icon-position"></i>
                     <span class="control-error" v-if="errors.has('password')">@{{ errors.first('password') }}</span>
                 </div>