diff --git a/app/components/conferences/create/EventBasicDetails.js b/app/components/conferences/create/EventBasicDetails.js
index 7c5d80ca..22db2c47 100644
--- a/app/components/conferences/create/EventBasicDetails.js
+++ b/app/components/conferences/create/EventBasicDetails.js
@@ -172,6 +172,16 @@ export const EventBasicCreate = ({ setDraft, handleToast }) => {
               onChange={handleChange}
             />
           </Form.Group>
+          <Form.Group className="mb-3">
+            <Form.Label>Event Organization*</Form.Label>
+            <Form.Control
+              required
+              name="owner-name"
+              type="text"
+              placeholder="ABC Corp."
+              onChange={handleChange}
+            />
+          </Form.Group>
           <Form.Group className="mb-3">
             <Form.Label>Event Organizer logo</Form.Label>
             <Form.Control
diff --git a/app/components/conferences/display/EventHeader.js b/app/components/conferences/display/EventHeader.js
index 7723b6f2..dc210a72 100644
--- a/app/components/conferences/display/EventHeader.js
+++ b/app/components/conferences/display/EventHeader.js
@@ -58,7 +58,7 @@ export const MdEventHeader = ({ event, error }) => {
           <Col fluid="true">
             {/* <Image src={event.data.attributes["original-image-url"]} fluid /> */}
           </Col>
-          <Col className="mt-1" md={5} sm={5} style={{backdropFilter: "blur(45px)"}}>
+          <Col md={5} sm={5} style={{backdropFilter: "blur(45px)"}}>
             <Row>
               <h5>{event.data.attributes.name}</h5>
               <p>
diff --git a/app/components/conferences/display/EventShow.js b/app/components/conferences/display/EventShow.js
index d545e335..21618b50 100644
--- a/app/components/conferences/display/EventShow.js
+++ b/app/components/conferences/display/EventShow.js
@@ -36,7 +36,7 @@ export const EventShow = ({ event, error, speaker, prsession }) => {
 
   const isSmallScreen = useMediaQuery("(max-width: 576px)");
 
-  const isMdScreen = useMediaQuery("(min-width: 768px)");
+  const isMdScreen = useMediaQuery("(max-width: 768px)");
 
   return (
     <Card className={styles.event_show_root}>
@@ -59,7 +59,7 @@ export const EventShow = ({ event, error, speaker, prsession }) => {
               <div className={styles.event_logo}>
                 <Image src={event.data.attributes["logo-url"]} width={100} />
               </div>
-              <div className={styles.event_organizer_header}><h6> Organizer </h6></div>
+              <div className={styles.event_organizer_header}><h6> {event.data.attributes["owner-name"]} </h6></div>
             </Stack>
           </Tab>
           <Tab eventKey="sessions" title="Sessions">
diff --git a/app/styles/event.module.css b/app/styles/event.module.css
index 01f8a99c..5ce2c8c6 100644
--- a/app/styles/event.module.css
+++ b/app/styles/event.module.css
@@ -141,7 +141,14 @@
   }
 }
 
-@media (min-width: 576px) and (max-width: 992px) {
+@media (min-width: 576px) and (max-width: 768px) {
+  .event_custom_container{
+    max-width: 100vw;
+  }
+  .event_banner{
+    padding: 0;
+    min-width: 79vw;
+  }
   .speaker_intro {
     display: flex;
     flex-direction: row;