diff --git a/src/App.vue b/src/App.vue
index 94295f221e4c6567b64689e4c549762ac345b164..bd1798aac6b86a721f2032d04eba15d867a5a596 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,6 +45,11 @@ export default {
   }
 }
 
+@media only screen and (max-width: 600px) {
+  #edashboard-app {
+    width: 90%;
+  }
+}
 /* Medium devices (landscape tablets, 920px and up) */
 
 @media only screen and (min-width: 920px) {
diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue
index a2aee71f91a7f1f8a6587942c03c0dce73a0daaf..564799124510bf5a26c6243643d605e162506bdf 100755
--- a/src/components/AllApps.vue
+++ b/src/components/AllApps.vue
@@ -168,7 +168,10 @@ export default {
   line-height: 100%;
   padding-top: 10px;
   color: #333333;
-  margin: 0px 10px;
+  padding-left: 0;
+  padding-right: 0;
+  margin-right: 0;
+  margin-left: 0;
 }
 .item-sublabel {
   font-size: 10px;
@@ -193,7 +196,13 @@ export default {
   .item {
     width: 33%;
   }
-} /* Medium devices (landscape tablets, 768px and up) */
+}
+@media only screen and (max-width: 600px) {
+  .item-label {
+    font-size: small;
+  }
+}
+/* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
   .item {
     margin: auto;