diff --git a/src/App.jsx b/src/App.jsx
index 692fce4..0586e03 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -19,7 +19,7 @@ const App = () => {
         <NavBar/>
         <Home/>
         <About />
-        {/* <Event /> */}
+        <Event />
         {/* <Team /> */}
         {/* <Sponsor /> */}
         <Glimpse />
diff --git a/src/components/Events/Event.css b/src/components/Events/Event.css
index ce863e6..7590afb 100644
--- a/src/components/Events/Event.css
+++ b/src/components/Events/Event.css
@@ -46,7 +46,7 @@
     line-height: 18px;
     text-align: center;
 }
-.btne{
+.button{
     background: linear-gradient(180deg, rgba(98, 212, 237, 0.8) -27.94%, rgba(172, 112, 255, 0.79) 76.47%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
diff --git a/src/components/Events/EventCard.jsx b/src/components/Events/EventCard.jsx
index a0c14da..15b869c 100644
--- a/src/components/Events/EventCard.jsx
+++ b/src/components/Events/EventCard.jsx
@@ -16,7 +16,7 @@ export const EventCard = ({ imgurl, title, description,link}) => {
         <Card.Text className='description  mx-auto d-flex align-items-center justify-content-center'>
           {description}
         </Card.Text>
-        <Button className='mx-auto d-flex align-items-center justify-content-center btne' variant="primary" href={link}>view more</Button>
+        <Button className='mx-auto d-flex align-items-center justify-content-center button' variant="primary" href={link}>view more</Button>
       </Card.Body>
     </Card>
     </div>
diff --git a/src/components/signup/Signup.css b/src/components/signup/Signup.css
index 2dcc843..24345d7 100644
--- a/src/components/signup/Signup.css
+++ b/src/components/signup/Signup.css
@@ -90,7 +90,7 @@
     text-transform: uppercase;;
 }
 
-.btn-primary {
+.btnprimary {
     width: 120px;
     height: 40px;
     background-color: #1d2a2e;
@@ -215,7 +215,7 @@
         text-transform: uppercase;;
     }
     
-    .btn-primary {
+    .btnprimary {
         width: 120px;
         height: 40px;
         background-color: #1d2a2e;
diff --git a/src/components/signup/Signup.jsx b/src/components/signup/Signup.jsx
index 58f1692..902975e 100644
--- a/src/components/signup/Signup.jsx
+++ b/src/components/signup/Signup.jsx
@@ -15,7 +15,7 @@ const Signup = () => {
                   
               <input type="email" placeholder=' Enter your Email'  required="required" />
             </div>
-            <button className="btn-primary">
+            <button className="btnprimary">
             Get Link
             <div className="sbtn" />