diff --git a/src/components/UnderConstruction/UnderConstruction.tsx b/src/components/UnderConstruction/UnderConstruction.tsx
index 57c68fe..8e9c459 100644
--- a/src/components/UnderConstruction/UnderConstruction.tsx
+++ b/src/components/UnderConstruction/UnderConstruction.tsx
@@ -3,15 +3,19 @@ import { Card, CardContent, CardHeader, CardTitle } from '~/ui';
 
 export const UnderConstruction: React.FC = () => {
   return (
-    <Card className='shadow-xl'>
+    <Card className='shadow-xl md:max-w-xl my-4 mx-12 sm:mx-4 md:mx-auto'>
       <CardHeader>
-        <CardTitle className='text-center text-3xl'>
+        <CardTitle className='text-center text-2xl sm:text-3xl'>
           Hold on a second!
         </CardTitle>
       </CardHeader>
       <CardContent className='flex flex-col items-center gap-4'>
-        <Construction color='#e4ec75' size={350} strokeWidth={1.2} />
-        <p className='text-lg'>
+        <Construction
+          className='w-[200px] h-[200px] sm:w-[250px] sm:h-[250px] md:w-[350px] md:h-[350px]'
+          color='#e4ec75'
+          strokeWidth={1.2}
+        />
+        <p className='text-base sm:text-lg text-center'>
           This page is under construction, check back soon
         </p>
       </CardContent>