diff --git a/public/legacy/modules/Administration/AOPAdmin.tpl b/public/legacy/modules/Administration/AOPAdmin.tpl
index 9a592d10b..bffbeaa50 100644
--- a/public/legacy/modules/Administration/AOPAdmin.tpl
+++ b/public/legacy/modules/Administration/AOPAdmin.tpl
@@ -84,7 +84,7 @@
         {/literal}
     </script>
 
-    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view">
+    <table id="portal-seetings" width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view">
         <tr>
             <th align="left" scope="row" colspan="4"><h4>{$MOD.LBL_AOP_JOOMLA_SETTINGS}</h4></th>
         </tr>
diff --git a/public/legacy/themes/suite8/css/Dawn/style.scss b/public/legacy/themes/suite8/css/Dawn/style.scss
index 2388231d8..880d3c345 100644
--- a/public/legacy/themes/suite8/css/Dawn/style.scss
+++ b/public/legacy/themes/suite8/css/Dawn/style.scss
@@ -181,4 +181,5 @@
 @import '../suitep-base/maps-quickradius.scss';
 @import '../suitep-base/activity-stream-mobile.scss';
 @import '../suitep-base/outbound-email.scss';
+@import '../suitep-base/case-settings-mobile.scss';
 //
diff --git a/public/legacy/themes/suite8/css/suitep-base/aop-settings.scss b/public/legacy/themes/suite8/css/suitep-base/aop-settings.scss
index 54580524a..dc5d84d05 100644
--- a/public/legacy/themes/suite8/css/suitep-base/aop-settings.scss
+++ b/public/legacy/themes/suite8/css/suitep-base/aop-settings.scss
@@ -3,6 +3,11 @@
     .moduleTitle {
         border-bottom: 1px solid lightgrey;
     }
+    #portal-seetings {
+        tr td {
+            white-space: nowrap;
+        }
+    }
     .hide-btn {
         display: none;
     }
@@ -55,9 +60,15 @@
             tr td {
                 &:first-child {
                     width: 10%;
+                    @media (max-width: 750px) {
+                        width: 100%;
+                    }
                 }
                 &:nth-child(3) {
                     width: 15%;
+                    @media (max-width: 750px) {
+                        width: 100%;
+                    }
                 }
                 button {
                     background-color: $nepal-grey;
@@ -90,6 +101,8 @@
                     border: none;
                     color: $white;
                     margin-left: 0.5em;
+                    position: relative;
+                    top: -1px;
                     &:hover {
                         background: $pale-blue;
                     }
diff --git a/public/legacy/themes/suite8/css/suitep-base/case-settings-mobile.scss b/public/legacy/themes/suite8/css/suitep-base/case-settings-mobile.scss
new file mode 100644
index 000000000..593e6bd6b
--- /dev/null
+++ b/public/legacy/themes/suite8/css/suitep-base/case-settings-mobile.scss
@@ -0,0 +1,97 @@
+@media (max-width: 750px)  {
+    .aop-settings {
+        .moduleTitle {
+            width: 100%;
+            padding-bottom: 3em;
+        }
+        .edit tr { 
+            &:last-child {
+                padding-bottom: 1em;
+            }          
+            th {
+                border-bottom: 1px solid lightgrey;
+            }
+            border-bottom: none;
+        }
+        table.view {
+            tr {
+                &:last-child {
+                    padding-bottom: 1em;
+                }
+            }
+            margin-bottom: 1em;
+            tr td {
+                width: 100%;
+                padding-left: 1em;      
+                height: auto;          
+            }
+            h4 {
+                background: none;
+                border: none;
+                margin: 0 0.5em 0 0.5em !important;
+            }
+        }
+        table.actionsContainer {
+            .action-button {
+                top: 3em;
+            }
+        }
+        select {
+            width: 100%;
+        }
+        #email_settings td a {
+            margin-left: 0;
+            top: 0.3em;
+        }
+        .removeStatusButton {
+            margin-top: 0.6em;
+        }
+    }
+}
+
+@media (min-width:768px) and (max-width:1024px) { 
+    .aop-settings {
+        #email_settings {
+            tr td {
+                width: 19%;
+                white-space: normal;
+            }
+            select {
+                max-width: 60%;
+            }
+        }
+        #portal-seetings {
+            tr td {
+                white-space: nowrap;
+            }
+        }
+        #case_status_settings {
+            tr td {
+                white-space: nowrap;
+            }
+            select {
+                max-width: 100%;
+            }
+            #addStatusButton {
+                margin-bottom: 1em;
+            }
+        }
+    }
+}
+
+@media (min-width: 750px) and (max-width:767px) {
+    .aop-settings {
+        #case_status_settings {
+            tr {
+                td {
+                    &:first-child {
+                        width: 100%;
+                    }
+                    &:nth-child(3) {
+                        width: 100%;
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file