diff --git a/styles/default.css b/styles/default.css
index 7a5e955..d0fa4c9 100644
--- a/styles/default.css
+++ b/styles/default.css
@@ -192,7 +192,7 @@ nav {
 }
 
 .project-item {
-  min-width: max(40%, 300px);
+  min-width: min(max(40%, 400px), 100%);
   flex: 1;
   height: 300px;
   background-color: var(--color);
@@ -272,6 +272,9 @@ nav {
   flex: 1000;
   justify-content: center;
   align-items: center;
+  text-align: center;
+  box-sizing: border-box;
+  padding: 10px;
 }
 
 .project-image-outer {
diff --git a/styles/experience.css b/styles/experience.css
index 738877f..0511c44 100644
--- a/styles/experience.css
+++ b/styles/experience.css
@@ -40,6 +40,9 @@
   color: #aaa;
   position: relative;
   text-align: center;
+  padding: 10px;
+  hyphens: manual;
+  box-sizing: border-box;
 }
 
 #description {