diff --git a/src/components/AboutMe/AboutMe.scss b/src/components/AboutMe/AboutMe.scss
index d0bd285..22999e7 100644
--- a/src/components/AboutMe/AboutMe.scss
+++ b/src/components/AboutMe/AboutMe.scss
@@ -26,11 +26,12 @@
     width: fit-content;
 
     #info-parent {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
+      display: flex;
+      flex-direction: row;
+      gap: 5px;
 
       @media screen and (max-width: 660px) {
-        grid-template-columns: 1fr;
+        flex-direction: column;
       }
     }
 
diff --git a/src/vars.scss b/src/vars.scss
index cca5629..48a8bfa 100644
--- a/src/vars.scss
+++ b/src/vars.scss
@@ -1,6 +1,6 @@
 :root {
   --text: white;
-  --background: #1f2022;
+  --background: hsl(230, 5%, 13%);
   --about-me: #F1F1F1;
   --grid-background: var(--background);
   --grid-header-background: var(--background);