diff --git a/frontend/src/app/lightning/channels-list/channels-list.component.html b/frontend/src/app/lightning/channels-list/channels-list.component.html
index b8920f4bc..609b9285a 100644
--- a/frontend/src/app/lightning/channels-list/channels-list.component.html
+++ b/frontend/src/app/lightning/channels-list/channels-list.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="channels$ | async as response; else skeleton">
-  <form [formGroup]="channelStatusForm" class="formRadioGroup float-right">
+  <form [formGroup]="channelStatusForm" class="formRadioGroup">
     <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="status">
       <label ngbButtonLabel class="btn-primary btn-sm">
         <input ngbButton type="radio" [value]="'open'" fragment="open" i18n="open">Open
diff --git a/frontend/src/app/lightning/channels-list/channels-list.component.scss b/frontend/src/app/lightning/channels-list/channels-list.component.scss
index ba7b0a3b5..c0aaa7095 100644
--- a/frontend/src/app/lightning/channels-list/channels-list.component.scss
+++ b/frontend/src/app/lightning/channels-list/channels-list.component.scss
@@ -7,3 +7,20 @@
   font-size: 12px;
   top: 0px;
 }
+
+.formRadioGroup {
+  @media (min-width: 435px) {
+    float: right;
+    position: relative;
+    top: -46px;
+  }
+  @media (max-width: 435px) {
+    display: flex;
+  }
+}
+
+.btn-group {
+  @media (max-width: 435px) {
+    flex-grow: 1;
+  }
+}
\ No newline at end of file