more

src/Components/Dashboard/Dashboard.js

@@ -217,10 +217,9 @@ const Dashboard = () => {
               <></>
             )}
           </div>
-
-          <div className="stats-unit-wrapper">
           {responseCount > 0 ? (
             <>
+              <div className="stats-unit-wrapper">
                 <div className="stats-icon-wrapper">
                   <Pencil style={{ color: "#767676" }} />
                 </div>
@@ -232,14 +231,15 @@ const Dashboard = () => {
                       : " responses Novodrafted"}
                   </p>
                 </div>
+              </div>
             </>
           ) : (
             <></>
           )}
-          </div>
-          <div className="stats-unit-wrapper">
+
           {responseCount > 0 ? (
             <>
+              <div className="stats-unit-wrapper">
                 <div className="stats-icon-wrapper">
                   <Clock style={{ color: "#f27300" }} />
                 </div>
@@ -249,13 +249,13 @@ const Dashboard = () => {
                     using Novodraft
                   </p>
                 </div>
+              </div>
             </>
           ) : (
             <></>
           )}
         </div>
       </div>
-      </div>
       {isMobile ? (
         <MobileContent isDashboard={isDashboard} />
       ) : (

src/styles/dashboard.scss

@@ -115,9 +115,11 @@
     display: flex;
     flex-direction: row;
     background-color: var(--barely-there-accent);
+    width: 290px;
     margin: 4px 0px;
     padding: 8px 0px;
     border-radius: 15px;
+    justify-content: center;
   }
 
   .notification-center {