diff --git a/apps/ui/modules/style/typography.tsx b/apps/ui/modules/style/typography.tsx
deleted file mode 100644
index 3ad2ec960a..0000000000
--- a/apps/ui/modules/style/typography.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import styled from "styled-components";
-
-export const HeroSubheading = styled.p`
-  font-size: var(--fontsize-body-l);
-  line-height: var(--lineheight-xl);
-`;
diff --git a/apps/ui/pages/recurring/[id]/index.tsx b/apps/ui/pages/recurring/[id]/index.tsx
index 35d918d249..f16da28b30 100644
--- a/apps/ui/pages/recurring/[id]/index.tsx
+++ b/apps/ui/pages/recurring/[id]/index.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import { useTranslation } from "next-i18next";
-import styled from "styled-components";
 import type { GetServerSidePropsContext } from "next";
 import { Notification } from "hds-react";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
@@ -15,7 +14,6 @@ import {
 } from "@gql/gql-types";
 import { filterNonNullable } from "common/src/helpers";
 import { SeasonalSearchForm } from "@/components/search/SeasonalSearchForm";
-import { HeroSubheading } from "@/modules/style/typography";
 import { createApolloClient } from "@/modules/apolloClient";
 import BreadcrumbWrapper from "@/components/common/BreadcrumbWrapper";
 import { ReservationUnitCard } from "@/components/search/ReservationUnitCard";
@@ -65,12 +63,6 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
   };
 }
 
-// Uses larger font size
-// TODO should move the default 0 margin to the typography file
-const Ingress = styled(HeroSubheading)`
-  margin: 0;
-`;
-
 function SeasonalSearch({
   applicationRounds,
   unitOptions,
@@ -116,8 +108,10 @@ function SeasonalSearch({
         </Notification>
       ) : null}
       <BreadcrumbWrapper route={["/recurring", "search"]} />
-      <H1 $noMargin>{t("search:recurring.heading")}</H1>
-      <Ingress>{t("search:recurring.text")}</Ingress>
+      <div>
+        <H1 $noMargin>{t("search:recurring.heading")}</H1>
+        <p>{t("search:recurring.text")}</p>
+      </div>
       <SeasonalSearchForm
         unitOptions={unitOptions}
         reservationUnitTypeOptions={reservationUnitTypeOptions}
diff --git a/apps/ui/pages/recurring/index.tsx b/apps/ui/pages/recurring/index.tsx
index 7df6675134..5904885fc6 100644
--- a/apps/ui/pages/recurring/index.tsx
+++ b/apps/ui/pages/recurring/index.tsx
@@ -11,7 +11,6 @@ import {
   type ApplicationRoundsUiQueryVariables,
 } from "@gql/gql-types";
 import { filterNonNullable } from "common/src/helpers";
-import { HeroSubheading } from "@/modules/style/typography";
 import { ApplicationRoundCard } from "@/components/recurring/ApplicationRoundCard";
 import { createApolloClient } from "@/modules/apolloClient";
 import { getCommonServerSideProps } from "@/modules/serverUtils";
@@ -79,7 +78,7 @@ function RecurringLander({ applicationRounds }: Props): JSX.Element {
         <H1 $marginTop="l" $marginBottom="none">
           {t("recurringLander:heading")}
         </H1>
-        <HeroSubheading>{t("recurringLander:subHeading")}</HeroSubheading>
+        <p>{t("recurringLander:subHeading")}</p>
       </div>
       <>
         {activeApplicationRounds.length > 0 ? (