diff --git a/src/styles/application.scss b/src/styles/application.scss
index 5964a2d2d..e687f0dc8 100644
--- a/src/styles/application.scss
+++ b/src/styles/application.scss
@@ -1,5 +1,4 @@
 @use 'variables';
-@use 'fonts';
 @use 'basics';
 @use 'loading';
 @use 'ui';
diff --git a/src/styles/components/search.scss b/src/styles/components/search.scss
index 66c2f4311..64e6bcfd6 100644
--- a/src/styles/components/search.scss
+++ b/src/styles/components/search.scss
@@ -1,5 +1,3 @@
-@use "../fonts";
-
 .search {
   position: relative;
 }
@@ -16,7 +14,7 @@
 
   .svg-icon {
     @apply right-4 rtl:left-4 rtl:right-auto text-gray-400;
-    @include fonts.font-size(16);
+    font-size: 16px;
     cursor: default;
     display: inline-block;
     position: absolute;
diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss
deleted file mode 100644
index 574c07c27..000000000
--- a/src/styles/fonts.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@use 'sass:math';
-
-// TYPEOGRAPHY MIXINS
-
-// Use these mixins to define font-size and line-height
-// html and body declaration allows developer to pass px value as argument
-// Rendered css will default to "rem" and fall back to "px" for unsupported browsers
-@mixin font-size($size) {
-  $rem: math.div($size, 10);
-  $px: $size;
-  font-size: #{$px + 'px'};
-  font-size: #{$rem + 'rem'};
-}