diff --git a/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx b/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx
index 14262c9..37aab0e 100644
--- a/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx
+++ b/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx
@@ -7,7 +7,7 @@ export default async function LatestInvoices() {
   const latestInvoices = await fetchLatestInvoices();
 
   return (
-    <div className="flex w-full flex-col md:col-span-4 lg:col-span-4">
+    <div className="flex w-full flex-col md:col-span-4">
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Latest Invoices
       </h2>
diff --git a/dashboard/final-example/app/ui/skeletons.tsx b/dashboard/final-example/app/ui/skeletons.tsx
index bd40364..52b8a87 100644
--- a/dashboard/final-example/app/ui/skeletons.tsx
+++ b/dashboard/final-example/app/ui/skeletons.tsx
@@ -62,7 +62,7 @@ export function InvoiceSkeleton() {
 export function LatestInvoicesSkeleton() {
   return (
     <div
-      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4 lg:col-span-4`}
+      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4`}
     >
       <div className="mb-4 h-8 w-36 rounded-md bg-gray-100" />
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-100 p-4">
diff --git a/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx b/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx
index caca7a3..92962ee 100644
--- a/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx
+++ b/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx
@@ -9,7 +9,7 @@ export default async function LatestInvoices({
   latestInvoices: LatestInvoice[];
 }) {
   return (
-    <div className="flex w-full flex-col md:col-span-4 lg:col-span-4">
+    <div className="flex w-full flex-col md:col-span-4">
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Latest Invoices
       </h2>
diff --git a/dashboard/starter-example/app/ui/skeletons.tsx b/dashboard/starter-example/app/ui/skeletons.tsx
index bd40364..52b8a87 100644
--- a/dashboard/starter-example/app/ui/skeletons.tsx
+++ b/dashboard/starter-example/app/ui/skeletons.tsx
@@ -62,7 +62,7 @@ export function InvoiceSkeleton() {
 export function LatestInvoicesSkeleton() {
   return (
     <div
-      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4 lg:col-span-4`}
+      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4`}
     >
       <div className="mb-4 h-8 w-36 rounded-md bg-gray-100" />
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-100 p-4">