diff --git a/styles/mediaqueries.css b/styles/mediaqueries.css
index 1ed5335..bbd39c1 100644
--- a/styles/mediaqueries.css
+++ b/styles/mediaqueries.css
@@ -1,9 +1,3 @@
-@media only screen and (max-width: 1024px) {
-    header {
-        width: 100%;
-    }
-}
-
 @media only screen and (max-width: 964px) {
     .home-text p {
         font-size: 1rem;
@@ -55,6 +49,27 @@
     .home-text {
         padding: 2rem 2rem 0 2rem;
     }
+    .light-mode-button, .dark-mode-button {
+        right: 0.5rem;
+        bottom: 0.5rem;
+    }
+}
+
+@media only screen and (max-width: 608px) {
+    .light-mode-button, .dark-mode-button {
+        width: 1rem;
+        height: 1rem;
+        font-size: 0.75rem;
+    }
+    .about-window i, .terminal-content p {
+        font-size: 0.9rem;
+    }
+}
+
+@media only screen and (max-width: 549px) {
+    .about-window i, .terminal-content p {
+        font-size: 0.8rem;
+    }
 }
 
 @media only screen and (max-width: 425px) {
@@ -66,10 +81,14 @@
         padding-right: 5%;
     }
     .light-mode-button, .dark-mode-button {
-        width: 1rem;
-        height: 1rem;
+        right: 0.25rem;
+        bottom: 0.25rem;
         font-size: 0.5rem;
     }
+    .light-mode-button, .dark-mode-button {
+        width: 0.75rem;
+        height: 0.75rem;
+    }
 }
 
 @media only screen and (max-width: 333px) {
diff --git a/styles/style.css b/styles/style.css
index f8926ae..7a29b67 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -242,8 +242,8 @@ header a:hover {
 
 .about-terminal {
     font-family: "Monaco", 'Courier New', Courier, monospace;
-    height: 70%;
-    width: 70%;
+    height: 80%;
+    width: 80%;
     background-color: rgba(29, 29, 31);
     color: white;
     border-radius: 1rem;
@@ -295,7 +295,7 @@ header a:hover {
 
 .skills-container {
     display: flex;
-    flex-flow: column wrap;
+    flex-flow: column nowrap;
     justify-content: center;
     align-items: center;
     margin: 0 auto;