diff --git a/app/javascript/dashboard/assets/scss/app.scss b/app/javascript/dashboard/assets/scss/app.scss
index 3220f0326..55ca67aa1 100644
--- a/app/javascript/dashboard/assets/scss/app.scss
+++ b/app/javascript/dashboard/assets/scss/app.scss
@@ -6,7 +6,7 @@
 @import 'variables';
 
 @import '~spinkit/scss/spinners/7-three-bounce';
-@import '~ionicons/scss/ionicons';
+@import '~shared/assets/stylesheets/ionicons';
 
 @import 'mixins';
 @import 'foundation-settings';
diff --git a/app/javascript/dashboard/assets/scss/super_admin/pages.scss b/app/javascript/dashboard/assets/scss/super_admin/pages.scss
index 2bc31db1c..8e5b86989 100644
--- a/app/javascript/dashboard/assets/scss/super_admin/pages.scss
+++ b/app/javascript/dashboard/assets/scss/super_admin/pages.scss
@@ -1,3 +1,3 @@
 @import 'shared/assets/fonts/inter';
 @import '../variables';
-@import '~ionicons/scss/ionicons';
+@import '~shared/assets/stylesheets/ionicons';
diff --git a/app/javascript/shared/assets/stylesheets/ionicons.scss b/app/javascript/shared/assets/stylesheets/ionicons.scss
new file mode 100644
index 000000000..c9c054b66
--- /dev/null
+++ b/app/javascript/shared/assets/stylesheets/ionicons.scss
@@ -0,0 +1,23 @@
+@import "~ionicons/scss/ionicons-variables";
+
+@font-face {
+  font-family: $ionicons-font-family;
+  src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.ion {
+  display: inline-block;
+  font-family: $ionicons-font-family;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  text-rendering: auto;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@import "~ionicons/scss/ionicons-icons";
diff --git a/app/javascript/widget/assets/scss/woot.scss b/app/javascript/widget/assets/scss/woot.scss
index b65fea2d3..78d8f7211 100755
--- a/app/javascript/widget/assets/scss/woot.scss
+++ b/app/javascript/widget/assets/scss/woot.scss
@@ -7,7 +7,7 @@
 @import 'mixins';
 @import 'forms';
 @import 'shared/assets/fonts/widget_fonts';
-@import '~ionicons/scss/ionicons';
+@import '~shared/assets/stylesheets/ionicons';
 @import '~spinkit/scss/spinners/7-three-bounce';
 
 html,