diff --git a/pages/news/[year]/[term].tsx b/pages/news/[year]/[term].tsx
index f6e33f36..203165d1 100644
--- a/pages/news/[year]/[term].tsx
+++ b/pages/news/[year]/[term].tsx
@@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
 import React from "react";
 
 import { NewsCard } from "@/components/NewsCard";
+import {
+  ShapesConfig,
+  defaultGetShapesConfig,
+  GetShapesConfig,
+} from "@/components/ShapesBackground";
 import {
   getNewsBySlug,
   getNewsByTerm,
@@ -44,6 +49,12 @@ export default function TermNews({ year, term, news }: Props) {
   );
 }
 
+TermNews.getShapesConfig = ((width, height) => {
+  return window.innerWidth <= 768
+    ? ({} as ShapesConfig)
+    : defaultGetShapesConfig(width, height);
+}) as GetShapesConfig;
+
 export const getStaticProps: GetStaticProps<Props, Params> = async (
   context
 ) => {
diff --git a/pages/news/archive.tsx b/pages/news/archive.tsx
index 0ae61722..9857618a 100644
--- a/pages/news/archive.tsx
+++ b/pages/news/archive.tsx
@@ -3,6 +3,11 @@ import { GetStaticProps } from "next";
 import React from "react";
 
 import { Link } from "@/components/Link";
+import {
+  ShapesConfig,
+  GetShapesConfig,
+  defaultGetShapesConfig,
+} from "@/components/ShapesBackground";
 
 import styles from "./archive.module.css";
 
@@ -32,6 +37,12 @@ export default function NewsArchive({ items }: Props) {
   );
 }
 
+NewsArchive.getShapesConfig = ((width, height) => {
+  return window.innerWidth <= 768
+    ? ({} as ShapesConfig)
+    : defaultGetShapesConfig(width, height);
+}) as GetShapesConfig;
+
 export const getStaticProps: GetStaticProps<Props> = async () => {
   const years = (await getNewsYears()).reverse();
   const yearsWithTerms = await Promise.all(