more

src/styles/dashboard.scss

@@ -10,12 +10,15 @@
 
 .dash-promo-first-box {
   margin-top: 8px;
-  padding: 8px 88px;
+  padding: 8px 48px;
 }
 
+.user-name-span {
+  font-weight: 500;
+}
 .dash-promo-first-wrap {
-  padding: 8px 62;
-  background-color: var(--barely-there-accen);
+  padding: 8px 0px;
+  background-color: var(--barely-there-accent);
   display: flex;
   flex-direction: column;
   border: 1px solid orange;
@@ -25,10 +28,18 @@
 .dash-promo-first-textwrap {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
   margin: auto;
-  max-width: 620;
+}
+
+.dash-promo-first-text {
+  font-size: 0.94rem;
+  letter-spacing: 0.03rem;
+  font-family: Roboto;
+  font-weight: 300;
+  margin-bottom: 2px;
+  margin-left: 16px;
+  width: 680px;
+  color: #3b3b3b;
 }
 
 .dash-heading-text {
@@ -109,6 +120,11 @@
   justify-content: flex-end;
   flex-direction: row;
 }
+@media only screen and (max-width: 860px) {
+  .dash-promo-first-text {
+    width: 500px;
+  }
+}
 
 @media only screen and (max-width: 430px) {
   .dashboard-header {