diff -u b/core/themes/bartik/css/components/search-form.css b/core/themes/bartik/css/components/search-form.css
--- b/core/themes/bartik/css/components/search-form.css
+++ b/core/themes/bartik/css/components/search-form.css
@@ -5,21 +5,15 @@
 
 .search-form {
   font-size: 0.875rem;
+  position: relative;
 }
 .search-form .form-search {
-  float: left; /* LTR */
   padding: 4px 0 4px 0;
   text-indent: 5px;
-  height: 17px;
+  height: 27px;
   border-right: 0;
-  width: 87%;
-}
-[dir="rtl"] .search-form .form-search {
-  float: right;
-  margin-left: 0px;
-  margin-right: 0;
-  border-left: 0;
-  border: 1px solid #ccc;
+  width: 100%;
+  box-sizing: border-box;
 }
 .search-form #edit-actions  {
   margin-right: 0;
@@ -42,13 +36,16 @@
   padding: 0;
   text-indent: -9999px;
   direction: ltr;
-  width: 34px;
   border-radius: 0 4px 4px 0;
-  width: 12%;
-  margin-right: 0;
+  width: 27px;
+  position: absolute;
+  top: 0;
+  right: 0;
 }
 [dir="rtl"] .button.search-form__submit,
-.search-form__submit {
+[dir="rtl"] .search-form__submit {
+  right: auto;
+  left: 0;
   border-radius: 4px 0 0 4px;
 }
 .button.search-form__submit:hover,
@@ -62,0 +60,12 @@
+.search-form .form-type-search {
+  padding-right: 27px;
+  display: block;
+}
+[dir="rtl"] .search-form .form-type-search {
+  padding-right: 0;
+  padding-left: 27px;
+}
+[dir="rtl"] .search-form .form-search {
+  border-right: 1px solid #ccc;
+  border-left: 0;
+}
\ No newline at end of file