diff --git a/src/components/Card.astro b/src/components/Card.astro
index 1451361..b60d3d7 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -13,7 +13,7 @@ const { title } = Astro.props;
 <style>
     .card h2 {
         font-family: "Sharp PC3K-2x", monospace;
-        font-size: 1.2em;
+        font-size: 1em;
         text-align: center;
         padding: 8px 0 4px 0;
         background-color: var(--foreground);
diff --git a/src/components/Projects.astro b/src/components/Projects.astro
index a97b05f..cffdee5 100644
--- a/src/components/Projects.astro
+++ b/src/components/Projects.astro
@@ -22,7 +22,7 @@ let lastYear = 0;
                     <p>{project.data.description}</p>
                     <div class="links">
                         {project.data.links.map((link) => {
-                            return <a target="_blank" rel="noopener" href={link}>{link}</a>;
+                            return <a class="link" target="_blank" rel="noopener" href={link}>{link}</a>;
                         })}
                     </div>
                 </div>
@@ -65,4 +65,7 @@ let lastYear = 0;
         flex-direction: column;
         align-items: flex-end;
     }
+    .link {
+        word-break: break-all;
+    }
 </style>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 44cd0a8..4d9d89f 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -38,6 +38,7 @@ import "../styles/main.css";
     </head>
     <body>
         <Sidebar />
+        <!-- container is here b/c view transitions + background = bad -->
         <div class="container">
             <main
                 data-vtbot-replace="main"
