diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index 53ad633a21..ce523ce2ec 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -17,8 +17,9 @@
   }
 
   * {
-    font-feature-settings: 'cv05' 1 !important;
+    font-feature-settings: 'cv05' 1;
   }
+
   html {
     font-family: 'Inter', sans-serif;
   }
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index c7bad936cb..9a32e6cd19 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -9,7 +9,7 @@
 
 <style>
   * {
-    font-feature-settings: 'cv05' 1 !important;
+    font-feature-settings: 'cv05' 1;
   }
   html {
     font-family: 'Inter', sans-serif;
diff --git a/README.md b/README.md
index ff2efab99d..1bb0e0022a 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ The components are designed and developed using the [Inter font](https://github.
 
 Add the `<link>` tag in `<head>`, and set `font-family` to `Inter` in your global css file.
 
-The `font-feature-settings` adds a tail to lowercase `L`'s and must be set with the `!important` flag.
+The `font-feature-settings` adds a tail to lowercase `L`'s.
 
 ##### HTML
 
@@ -89,7 +89,7 @@ The `font-feature-settings` adds a tail to lowercase `L`'s and must be set with
 ```css
 body {
   font-family: 'Inter', sans-serif;
-  font-feature-settings: 'cv05' 1 !important; /* Enable lowercase l with tail */
+  font-feature-settings: 'cv05' 1; /* Enable lowercase l with tail */
 }
 ```
 
diff --git a/apps/storefront/globals.css b/apps/storefront/globals.css
index 127bc6b388..40d214ce6a 100644
--- a/apps/storefront/globals.css
+++ b/apps/storefront/globals.css
@@ -22,7 +22,7 @@ body {
 
 * {
   box-sizing: border-box;
-  font-feature-settings: 'cv05' 1 !important;
+  font-feature-settings: 'cv05' 1;
 }
 
 h1,
diff --git a/apps/storefront/pages/grunnleggende/designelementer/typografi.mdx b/apps/storefront/pages/grunnleggende/designelementer/typografi.mdx
index d5211c4da5..172197119e 100644
--- a/apps/storefront/pages/grunnleggende/designelementer/typografi.mdx
+++ b/apps/storefront/pages/grunnleggende/designelementer/typografi.mdx
@@ -54,11 +54,9 @@ For å aktivere lowercase l with tail, legg til følgende i din CSS:
 
 <CodeSnippet language='css'>
   {`font-family: 'Inter', sans-serif;
-font-feature-settings: 'cv05' 1 !important; /* Enable lowercase l with tail */`}
+font-feature-settings: 'cv05' 1; /* Enable lowercase l with tail */`}
 </CodeSnippet>
 
-Bruk `!important` på `font-feature-settings` fordi våre typography tokens og komponenter bruker [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font) shorthand som resetter dette til sin initielle verdi.
-
 ## Tekststørrelse
 
 Tekststørrelse-variablene blir angitt i **rem**. Denne verdien er relativ til `html`-elementet sin `font-size`,
diff --git a/packages/get-started.mdx b/packages/get-started.mdx
index 6d0d84d093..ad746b926a 100644
--- a/packages/get-started.mdx
+++ b/packages/get-started.mdx
@@ -46,7 +46,7 @@ Legg til `<link>` taggen i `<head>`, og sett `font-family` til `Inter` i din glo
 ```css
 body {
   font-family: 'Inter', sans-serif;
-  font-feature-settings: 'cv05' 1 !important; /* Enable lowercase l with tail */
+  font-feature-settings: 'cv05' 1; /* Enable lowercase l with tail */
 }
 ```
 
