diff --git a/src/components/modal/modal.html b/src/components/modal/modal.html
index 38bb0db6143c..e0c6d82f5424 100644
--- a/src/components/modal/modal.html
+++ b/src/components/modal/modal.html
@@ -12,19 +12,19 @@
         </svg>
       </button>
     </div>
-
     <div class="bx--modal-content">
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus consequat augue vitae
         tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices condimentum risus. Nulla facilisi.
         Etiam venenatis molestie tellus. Quisque consectetur non risus eu rutrum. </p>
     </div>
+  </div>
 
-    <div class="bx--modal-footer">
-      <button class="bx--btn bx--btn--secondary" type="button" data-modal-close>Secondary button</button>
-      <button class="bx--btn bx--btn--primary" type="button" data-modal-primary-focus>Primary button</button>
-    </div>
+  <div class="bx--modal-footer">
+    <button class="bx--btn bx--btn--secondary" type="button" data-modal-close>Secondary button</button>
+    <button class="bx--btn bx--btn--primary" type="button" data-modal-primary-focus>Primary button</button>
   </div>
 </div>
+</div>
 
 <button class="bx--btn bx--btn--danger--primary" type="button" data-modal-target="#modal--danger">Transactional Danger</button>
 
diff --git a/src/components/text-input/_text-input.scss b/src/components/text-input/_text-input.scss
index 02db59675d5f..1b6aecc4d732 100644
--- a/src/components/text-input/_text-input.scss
+++ b/src/components/text-input/_text-input.scss
@@ -30,7 +30,8 @@
     }
 
     &:focus {
-      @include focus-outline('border');
+      outline: none;
+      border: 1px solid $brand-01;
     }
 
     &:disabled {