diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css
index 24d36fc..41656ae 100644
--- a/src/components/ToggleButton.css
+++ b/src/components/ToggleButton.css
@@ -96,8 +96,8 @@
 .button-container p {
   color: #4A4863;
   text-align: center;
-  max-width: 180px;
   font-size: 16px;
+  margin-top: 1rem;
 }
 
 .button-container strong {
diff --git a/src/components/ToggleButton.tsx b/src/components/ToggleButton.tsx
index 55b44cf..0c64599 100644
--- a/src/components/ToggleButton.tsx
+++ b/src/components/ToggleButton.tsx
@@ -35,7 +35,7 @@ export function ToggleButton(props: ToggleButtonProps) {
         </button>
       </div>
       <p>
-        Extension{props.active ? '' : ' not'} enabled on <strong>movie-web.app</strong>
+        Extension {props.active ? 'enabled' : 'disabled'} <br /> on <strong>movie-web.app</strong>
       </p>
     </div>
   );