diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e6b5d5..b4542e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,45 +30,45 @@ export default function Page() {
                 href={RESUME_DATA.locationLink}
                 target="_blank"
               >
-                <GlobeIcon className="h-3 w-3" />
+                <GlobeIcon className="size-3" />
                 {RESUME_DATA.location}
               </a>
             </p>
             <div className="flex gap-x-1 pt-1 font-mono text-sm text-muted-foreground print:hidden">
               {RESUME_DATA.contact.email ? (
                 <Button
-                  className="h-8 w-8"
+                  className="size-8"
                   variant="outline"
                   size="icon"
                   asChild
                 >
                   <a href={`mailto:${RESUME_DATA.contact.email}`}>
-                    <MailIcon className="h-4 w-4" />
+                    <MailIcon className="size-4" />
                   </a>
                 </Button>
               ) : null}
               {RESUME_DATA.contact.tel ? (
                 <Button
-                  className="h-8 w-8"
+                  className="size-8"
                   variant="outline"
                   size="icon"
                   asChild
                 >
                   <a href={`tel:${RESUME_DATA.contact.tel}`}>
-                    <PhoneIcon className="h-4 w-4" />
+                    <PhoneIcon className="size-4" />
                   </a>
                 </Button>
               ) : null}
               {RESUME_DATA.contact.social.map((social) => (
                 <Button
                   key={social.name}
-                  className="h-8 w-8"
+                  className="size-8"
                   variant="outline"
                   size="icon"
                   asChild
                 >
                   <a href={social.url}>
-                    <social.icon className="h-4 w-4" />
+                    <social.icon className="size-4" />
                   </a>
                 </Button>
               ))}
@@ -87,7 +87,7 @@ export default function Page() {
             </div>
           </div>
 
-          <Avatar className="h-28 w-28">
+          <Avatar className="size-28">
             <AvatarImage alt={RESUME_DATA.name} src={RESUME_DATA.avatarUrl} />
             <AvatarFallback>{RESUME_DATA.initials}</AvatarFallback>
           </Avatar>
diff --git a/src/components/command-menu.tsx b/src/components/command-menu.tsx
index 5a22b97..972605b 100644
--- a/src/components/command-menu.tsx
+++ b/src/components/command-menu.tsx
@@ -48,7 +48,7 @@ export const CommandMenu = ({ links }: Props) => {
         size="icon"
         className="fixed bottom-4 right-4 flex rounded-full shadow-2xl print:hidden xl:hidden"
       >
-        <CommandIcon className="my-6 h-6 w-6" />
+        <CommandIcon className="my-6 size-6" />
       </Button>
       <CommandDialog open={open} onOpenChange={setOpen}>
         <CommandInput placeholder="Type a command or search..." />
diff --git a/src/components/print-drawer.tsx b/src/components/print-drawer.tsx
index 73da5c6..daca3d7 100644
--- a/src/components/print-drawer.tsx
+++ b/src/components/print-drawer.tsx
@@ -17,7 +17,7 @@ export const PrintDrawer = () => {
   return (
     <Drawer>
       <DrawerTrigger asChild>
-        <Button className="fixed bottom-4 right-4 h-16 w-16 rounded-full shadow-2xl print:hidden">
+        <Button className="fixed bottom-4 right-4 size-16 rounded-full shadow-2xl print:hidden">
           <PrinterIcon />
         </Button>
       </DrawerTrigger>
diff --git a/src/components/project-card.tsx b/src/components/project-card.tsx
index 5fcb07a..eed5898 100644
--- a/src/components/project-card.tsx
+++ b/src/components/project-card.tsx
@@ -27,7 +27,7 @@ export function ProjectCard({ title, description, tags, link }: Props) {
                 className="inline-flex items-center gap-1 hover:underline"
               >
                 {title}{" "}
-                <span className="h-1 w-1 rounded-full bg-green-500"></span>
+                <span className="size-1 rounded-full bg-green-500"></span>
               </a>
             ) : (
               title