diff --git a/app/css/custom.css b/app/css/custom.css
index ff25852d..fa4fd6f8 100644
--- a/app/css/custom.css
+++ b/app/css/custom.css
@@ -130,7 +130,9 @@ i.fa.fa-bars:hover{
  
 .logoutput {
   width:100%;
-  height:300px;
+  height: 20rem;
+  border: 1px solid #d1d3e2;
+  border-radius: .35rem;
 }
 
 pre.unstyled {
@@ -170,6 +172,15 @@ pre.unstyled {
     color: #000;
 }
 
+.toggle-off.btn {
+  padding-left: 1.2rem;
+  font-size: 0.9rem!important;
+}
+
+.toggle-on.btn {
+  font-size: 0.9rem!important;
+}
+
 /* change transition animation when sidebar is toggled */
 #accordionSidebar.toggled {
   -webkit-transition-timing-function: ease;
diff --git a/app/css/hackernews.css b/app/css/hackernews.css
index 68d850a7..5f558e00 100644
--- a/app/css/hackernews.css
+++ b/app/css/hackernews.css
@@ -116,7 +116,9 @@ ul.nav-tabs, .nav-tabs .nav-link {
 
 .logoutput {
   width: 100%;
-  height: 300px;
+  height: 20rem;
+  border: 1px solid #d1d3e2;
+  border-radius: .35rem;
 }
 
 .service-status {
@@ -182,6 +184,15 @@ pre.unstyled {
     color: #000;
 }
 
+.toggle-off.btn {
+  padding-left: 0.9rem;
+  font-size: 0.9rem!important;
+}
+
+.toggle-on.btn {
+  font-size: 0.9rem!important;
+}
+
 /* change transition animation when sidebar is toggled */
 #accordionSidebar.toggled {
   -webkit-transition-timing-function: ease;
diff --git a/app/css/terminal.css b/app/css/terminal.css
index 6225e078..4c3db546 100644
--- a/app/css/terminal.css
+++ b/app/css/terminal.css
@@ -352,6 +352,14 @@ pre {
   margin-bottom: 0.5em;
 }
 
+.toggle-off.btn {
+  padding-left: 1.2rem;
+  font-size: 0.9rem!important;
+}
+
+.toggle-on.btn {
+  font-size: 0.9rem!important;
+}
 /* change transition animation when sidebar is toggled */
 #accordionSidebar.toggled {
   -webkit-transition-timing-function: ease;