more

src/Components/MobileContent.js

@@ -10,7 +10,7 @@ const MobileContent = ({ isDashboard }) => {
           notifications.
         </p>
         <p className="mobile-text-dashboard">
-          Please login on your desktop device to use all of the functions your
+          Please login on your desktop device to use all of the features of your
           Dashboard.
         </p>
       </div>

src/styles/app.scss

@@ -144,4 +144,20 @@ p {
   .notification-text {
     margin-left: 16px;
   }
+
+  .notication-container {
+    margin: 20px 0px;
+    min-height: 100px;
+    width: 320px;
+    background-color: var(--barely-there-accent);
+    border-radius: 15px;
+  }
+
+  .notication-text-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    font-size: 1rem;
+    margin-left: 12px;
+  }
 }

src/styles/dashboard.scss

@@ -122,7 +122,7 @@
     justify-content: center;
   }
 
-  .notification-center {
+  .notification-container {
     background-color: red;
   }
 }