diff --git a/src/Pages/LandingPage/LandingPage.tsx b/src/Pages/LandingPage/LandingPage.tsx
index c91d636..9058a1b 100644
--- a/src/Pages/LandingPage/LandingPage.tsx
+++ b/src/Pages/LandingPage/LandingPage.tsx
@@ -37,6 +37,7 @@ export default function LandingPage() {
           minHeight: "100%",
           minWidth: "100%",
           flexWrap: "wrap",
+          backgroundColor: "#F2FAF4"
         }}
       >
         <div style={{ height: "auto", flex: 1, flexWrap: "wrap" }}>
@@ -51,19 +52,26 @@ export default function LandingPage() {
         >
           <div
             style={{
-              minWidth: "30vw",
+              minWidth: "80%",
               borderRadius: 4,
-              borderColor: "grey",
-              borderStyle: "solid",
               borderWidth: 1,
               padding: 16,
               margin: 64,
+              marginLeft: "1.2rem",
               paddingBottom: "16vh",
-              paddingTop: "16vh",
+              paddingTop: "15vh",
+              backgroundColor: "white",
+              boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
+              maxWidth: "35vw",
+              
             }}
           >
             <p style={{ ...styles.text_dark, ...styles.text_L }}>
-              CSM Inventory  
+              Welcome!
+            </p>
+
+            <p style={{ ...styles.text_dark, ...styles.text_M }}>
+              CSM Borrowing and Inventory
               <br />
               Monitoring and Management System
             </p>