diff --git a/app/assets/sass/modules/_forms.scss b/app/assets/sass/modules/_forms.scss
index edce6404..eb935260 100644
--- a/app/assets/sass/modules/_forms.scss
+++ b/app/assets/sass/modules/_forms.scss
@@ -21,3 +21,15 @@ label {
         border-color: #66afe9;
     }
 }
+
+.component-inline {
+    @media (max-width: $screen-xs-max) {
+        .radio-items {
+            text-align: left;
+            .radio-inline {
+                margin-left: 0;
+                width: 100%;
+            }
+        }
+    }
+}
diff --git a/app/views/dashboard/index.blade.php b/app/views/dashboard/index.blade.php
index a27e1808..73828d70 100644
--- a/app/views/dashboard/index.blade.php
+++ b/app/views/dashboard/index.blade.php
@@ -14,12 +14,12 @@
                     <div class='list-group'>
                         @forelse($components as $component)
                         <div class='list-group-item'>
-                            {{ Form::open(['class' => 'component-inline', 'data-messenger' => 'Component updated.']) }}
+                            {{ Form::open(['class' => 'component-inline form-horizontal', 'data-messenger' => 'Component updated.']) }}
                             <div class='row striped-list-item'>
-                                <div class='col-lg-2 col-xs-12'>
+                                <div class='col-lg-4 col-sm-12'>
                                     <strong>{{ $component->name }}</strong>
                                 </div>
-                                <div class='col-lg-10 col-xs-12 text-right'>
+                                <div class='col-lg-8 col-sm-12 radio-items'>
                                     @foreach(trans('cachet.component.status') as $statusID => $status)
                                     <div class='radio-inline'>
                                         <label>