diff --git a/src/ui/ab.tis b/src/ui/ab.tis
index ad9bbd52a..b6a54f3ab 100644
--- a/src/ui/ab.tis
+++ b/src/ui/ab.tis
@@ -64,7 +64,7 @@ class SessionStyle: Reactor.Component {
 
     function render() {
         var sessionsStyle = getSessionsStyle(this.type);
-        return <div .sessions-style>
+        return <div .sessions-tab style="margin-left: 0.5em">
                 <span class={sessionsStyle == "tile" ? "active" : "inactive"}>{svg_tile}</span>
                 <span class={sessionsStyle != "tile" ? "active" : "inactive"}>{svg_list}</span>
             </div>;
diff --git a/src/ui/index.css b/src/ui/index.css
index ccc14edd1..69b3dae4c 100644
--- a/src/ui/index.css
+++ b/src/ui/index.css
@@ -48,21 +48,17 @@ div.sessions-bar {
     flow: horizontal;
 }
 
-div.sessions-style {
-    margin-left: 0.5em;
-}
-
-div.sessions-style span {
+div.sessions-tab span {
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
 }
 
-div.sessions-style svg {
+div.sessions-tab svg {
     size: 14px;
 }
 
-div.sessions-style span.active {
+div.sessions-tab span.active {
     cursor: default;
     border-radius: 3px;
     background: white;
diff --git a/src/ui/index.tis b/src/ui/index.tis
index 0980f2fe9..f764ccc81 100644
--- a/src/ui/index.tis
+++ b/src/ui/index.tis
@@ -59,7 +59,7 @@ class RecentSessions: Reactor.Component {
                 <div style="width:*">
                     {translate("Recent Sessions")}
                 </div>
-                <SearchBar parent={this} />
+                {!app.hidden && <SearchBar parent={this} />}
                 {!app.hidden && <SessionStyle />}
             </div>
             {!app.hidden && <SessionList @{this.sessionList} style={sessionsStyle} sessions={sessions} />}