diff --git a/styles/additional/utility-patterns.scss b/styles/additional/utility-patterns.scss
index fd727908733b2995d4eae289798ddcff91e2e326..95a5ac832f0173749b2406be54b98fa894e4ab85 100644
--- a/styles/additional/utility-patterns.scss
+++ b/styles/additional/utility-patterns.scss
@@ -39,43 +39,48 @@
   @apply px-4 py-2 shadow;
 }
 
-// Forms
-.form-input,
-.form-textarea,
-.form-multiselect,
-.form-select,
-.form-checkbox,
-.form-radio {
-  @apply bg-white border border-gray-300 focus:border-gray-500;
-}
 
-.form-input,
-.form-textarea,
-.form-multiselect,
-.form-select,
-.form-checkbox {
-  @apply rounded;
-}
+@layer base {
 
-.form-input,
-.form-textarea,
-.form-multiselect,
-.form-select {
-  @apply py-3 px-4;
-}
+  // Forms
+  .form-input,
+  .form-textarea,
+  .form-multiselect,
+  .form-select,
+  .form-checkbox,
+  .form-radio {
+    @apply bg-white border border-gray-300 focus: border-gray-500;
+  }
 
-.form-input,
-.form-textarea {
-  @apply placeholder-gray-500;
-}
+  .form-input,
+  .form-textarea,
+  .form-multiselect,
+  .form-select,
+  .form-checkbox {
+    @apply rounded;
+  }
 
-.form-select {
-  @apply pr-10;
-}
+  .form-input,
+  .form-textarea,
+  .form-multiselect,
+  .form-select {
+    @apply py-3 px-4;
+  }
+
+  .form-input,
+  .form-textarea {
+    @apply placeholder-gray-500;
+  }
+
+  .form-select {
+    @apply pr-10;
+  }
+
+  .form-checkbox,
+  .form-radio {
+    @apply text-gray-800 rounded-sm;
+  }
 
-.form-checkbox,
-.form-radio {
-  @apply text-gray-800 rounded-sm;
 }
 
 
@@ -109,7 +114,7 @@ button:focus,
   -webkit-backdrop-filter: blur(3px);
 }
 
-.cms-blog-text{
+.cms-blog-text {
   a {
     @apply text-blue-500;
   }
@@ -117,4 +122,8 @@ button:focus,
   p {
     @apply mb-2;
   }
-}
+
+  ul {
+    @apply list-disc my-5 pl-10;
+  }
+}
\ No newline at end of file
diff --git a/views/FeaturedApiModules.tsx b/views/FeaturedApiModules.tsx
index 4fb83c6c07d9f72e874c37de497cbca893ab832f..0e1b6ae4dc32d0950c5ff79992bbd8eb5baea8fa 100644
--- a/views/FeaturedApiModules.tsx
+++ b/views/FeaturedApiModules.tsx
@@ -25,7 +25,7 @@ const featuredModules = [
   },
 ]
 
-const blogEnties =
+const blogEntries =
   [{
     headline: 'Über das Föderale Entwicklungsportal',
     icon: IconManualGearbox,
@@ -70,7 +70,7 @@ export default () => {
             aria-hidden="true"
           />
         </div>
-        {blogEnties.map((blogEntry) => (
+        {blogEntries.map((blogEntry) => (
           <section className="relative max-w-7xl mx-auto pt-24 pb-14 px-4 sm:px-6 lg:px-8">
             <div className='flex justify-start'>
               <div className="h-16 w-16 m-2.5 p-5 bg-yellow-400 rounded-xl shadow-lg">