diff --git a/src/example/Course_about.jsx b/src/example/Course_about.jsx
index 0c3cfbd..0bdb643 100644
--- a/src/example/Course_about.jsx
+++ b/src/example/Course_about.jsx
@@ -365,7 +365,7 @@ const About = () => {
               )
             }
             {enrolled && (
-              <a className="btn btn-primary" href={`${appsurl}/learning/course/${courseId}/home`}>
+              <a className="btn btn-primary big-button" href={`${appsurl}/learning/course/${courseId}/home`}>
                 View Course
               </a>
             )}
diff --git a/src/example/custom_scss/styles.scss b/src/example/custom_scss/styles.scss
index 4a1a063..cfefd08 100644
--- a/src/example/custom_scss/styles.scss
+++ b/src/example/custom_scss/styles.scss
@@ -125,7 +125,6 @@ img.course-image {
 
 .course-info-banner {
   display: flex;
-  justify-content: space-around;
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -135,6 +134,9 @@ img.course-image {
   .course-info-banner {
     display: grid;
   }
+  .big-button {
+    width: 100%;
+  }
 }