diff --git a/packages/Webkul/Admin/src/Resources/views/cms/create.blade.php b/packages/Webkul/Admin/src/Resources/views/cms/create.blade.php
index c6106638d..9542e2467 100644
--- a/packages/Webkul/Admin/src/Resources/views/cms/create.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/cms/create.blade.php
@@ -76,8 +76,8 @@
                         {!! __('admin::app.cms.pages.two-col') !!}
                         {!! __('admin::app.cms.pages.three-col') !!}
 
-                        <div class="mt-10 mb-10" @submit.prevent="showModal('showHelpers')">
-                            <a class="btn btn-sm btn-primary">
+                        <div class="mt-10 mb-10">
+                            <a target="_blank" href="{{ route('ui.helper.classes') }}" class="btn btn-sm btn-primary">
                                 {{ __('admin::app.cms.pages.helper-classes') }}
                             </a>
                         </div>
@@ -121,13 +121,13 @@
         </form>
     </div>
 
-    <modal id="showHelpers" :is-open="modalIds.showHelpers">
+    {{-- <modal id="showHelpers" :is-open="modalIds.showHelpers">
         <h3 slot="header">{{ __('admin::app.cms.pages.helper-classes') }}</h3>
 
         <div slot="body">
             @include('ui::partials.helper-classes')
         </div>
-    </modal>
+    </modal> --}}
 @stop
 
 @push('scripts')
diff --git a/packages/Webkul/Admin/src/Resources/views/cms/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/cms/edit.blade.php
index 4798350f6..ac837c951 100644
--- a/packages/Webkul/Admin/src/Resources/views/cms/edit.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/cms/edit.blade.php
@@ -80,10 +80,10 @@
                         {!! __('admin::app.cms.pages.two-col') !!}
                         {!! __('admin::app.cms.pages.three-col') !!}
 
-                        <div class="mt-10 mb-10" @submit.prevent="showModal('showHelpers')">
-                            <button class="btn btn-sm btn-primary">
+                        <div class="mt-10 mb-10">
+                            <a target="_blank" href="{{ route('ui.helper.classes') }}" class="btn btn-sm btn-primary">
                                 {{ __('admin::app.cms.pages.helper-classes') }}
-                            </button>
+                            </a>
                         </div>
 
                         <span class="control-error" v-if="errors.has('html_content')">@{{ errors.first('html_content') }}</span>
@@ -124,14 +124,6 @@
             </div>
         </form>
     </div>
-
-    <modal id="showHelpers" :is-open="modalIds.showHelpers">
-        <h3 slot="header">{{ __('admin::app.cms.pages.helper-classes') }}</h3>
-
-        <div slot="body">
-            @include('ui::partials.helper-classes')
-        </div>
-    </modal>
 @stop
 
 @push('scripts')
diff --git a/packages/Webkul/Ui/src/Http/routes.php b/packages/Webkul/Ui/src/Http/routes.php
index ab6e594f6..55db43b66 100755
--- a/packages/Webkul/Ui/src/Http/routes.php
+++ b/packages/Webkul/Ui/src/Http/routes.php
@@ -2,6 +2,8 @@
 
 Route::view('/ui-kit', 'ui::partials.ui-kit');
 
+Route::view('/helper-classess', 'ui::partials.helper-classes')->name('ui.helper.classes');
+
 // Route::get('/users', function () {
 //     $users = \Webkul\User\Models\Admin::paginate(1);
 //     echo $users->links();
diff --git a/packages/Webkul/Ui/src/Resources/views/partials/helper-classes.php b/packages/Webkul/Ui/src/Resources/views/partials/helper-classes.blade.php
similarity index 100%
rename from packages/Webkul/Ui/src/Resources/views/partials/helper-classes.php
rename to packages/Webkul/Ui/src/Resources/views/partials/helper-classes.blade.php