diff --git a/examples/with-ionic-typescript/app/components/IonicLayout.tsx b/examples/with-ionic-typescript/app/components/IonicLayout.tsx
index fa53a61d1afdc..b1b61b433f496 100644
--- a/examples/with-ionic-typescript/app/components/IonicLayout.tsx
+++ b/examples/with-ionic-typescript/app/components/IonicLayout.tsx
@@ -4,18 +4,6 @@
 import React, { useEffect } from "react";
 import { defineCustomElements as ionDefineCustomElements } from "@ionic/core/loader";
 
-// Ionic CSS imports
-import "@ionic/core/css/core.css";
-import "@ionic/core/css/normalize.css";
-import "@ionic/core/css/structure.css";
-import "@ionic/core/css/typography.css";
-import "@ionic/core/css/padding.css";
-import "@ionic/core/css/float-elements.css";
-import "@ionic/core/css/text-alignment.css";
-import "@ionic/core/css/text-transformation.css";
-import "@ionic/core/css/flex-utils.css";
-import "@ionic/core/css/display.css";
-
 // Define Ionic custom elements on client-side
 const IonicLayout = ({ children }: { children: React.ReactNode }) => {
   useEffect(() => {