diff --git a/components/styles/cards/desktop.tsx b/components/styles/cards/desktop.tsx
index 91e4667..6ca2ed7 100644
--- a/components/styles/cards/desktop.tsx
+++ b/components/styles/cards/desktop.tsx
@@ -171,7 +171,7 @@ const CardHeader = ({ content }: { content: Service }) => {
             {
               content.icon ? (
                 <CardTitleIcon>
-                  <Image alt="icon" src={content.icon} fill />
+                  <Image alt="icon" src={content.icon} fill sizes={'1.5rem'}/>
                 </CardTitleIcon>
               ) : (<></>)
             }
@@ -184,7 +184,7 @@ const CardHeader = ({ content }: { content: Service }) => {
             {
               content.icon ? (
                 <CardTitleIcon>
-                  <Image alt="icon" src={content.icon} fill />
+                  <Image alt="icon" src={content.icon} fill sizes={'1.5rem'}/>
                 </CardTitleIcon>
               ) : (<></>)
             }
diff --git a/components/styles/cards/mobile.tsx b/components/styles/cards/mobile.tsx
index f984bb2..76715f7 100644
--- a/components/styles/cards/mobile.tsx
+++ b/components/styles/cards/mobile.tsx
@@ -131,7 +131,7 @@ const CardTitle = ({ content, href }: { content: Service, href: string }) => {
           {
             content.icon ? (
               <CardTitleIcon>
-                <Image alt="icon" src={content.icon} fill />
+                <Image alt="icon" src={content.icon} fill sizes={'1.5rem'}/>
               </CardTitleIcon>
             ) : (<></>)
           }
@@ -154,7 +154,7 @@ const CardTitle = ({ content, href }: { content: Service, href: string }) => {
           {
             content.icon ? (
               <CardTitleIcon>
-                <Image alt="icon" src={content.icon} fill />
+                <Image alt="icon" src={content.icon} fill sizes={'1.5rem'}/>
               </CardTitleIcon>
             ) : (<></>)
           }