diff --git a/src/Components/MobileContent.js b/src/Components/MobileContent.js
index 5d2eec3..4242eb9 100644
--- a/src/Components/MobileContent.js
+++ b/src/Components/MobileContent.js
@@ -30,15 +30,24 @@ const MobileContent = ({ isDashboard }) => {
           </>
         ) : (
           <>
-            <div className="mobile-divider"></div>
+            <div>
+              <div>
+                <strong>Notification Center</strong>
+              </div>
+            </div>
           </>
         )}
-        {isDashboard ? (
-          <div className="mobile-info-heading-dashboard">{copy}</div>
-        ) : (
-          <div className="mobile-info-heading">{copy}</div>
-        )}
-        <div className="mobile-divider"></div>
+        <div className="lower-foo">
+          {isDashboard ? (
+            <>
+              <div className="mobile-divider"></div>
+              <div className="mobile-info-heading-dashboard">{copy}</div>
+              <div className="mobile-divider"></div>
+            </>
+          ) : (
+            <div className="mobile-info-heading">{copy}</div>
+          )}
+        </div>
       </div>
     </>
   );
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 44cbae3..60c9026 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -77,10 +77,19 @@ p {
     justify-content: center;
     margin: 18px 2px 0px 2px;
     padding: 2px 2px;
-    background-color: var(--background-blue);
     border-radius: 18px;
   }
 
+  .lower-foo {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin: auto;
+    background-color: var(--background-blue);
+    border-radius: 15px;
+  }
+
   .mobile-divider {
     height: 8px;
     width: 88%;