diff --git a/src/app/components/stream/stream-edition/stream-edition.component.scss b/src/app/components/stream/stream-edition/stream-edition.component.scss
index 99cfcd5c..0c2b14db 100644
--- a/src/app/components/stream/stream-edition/stream-edition.component.scss
+++ b/src/app/components/stream/stream-edition/stream-edition.component.scss
@@ -3,7 +3,8 @@
 @import "mixins";
 
 .stream-edition {
-    width: 100%;
+    width: calc(100%);
+    width: $stream-column-width;
     // min-height: 50px;
     background-color: #222736;
     border-bottom: 1px solid $color-secondary;
diff --git a/src/app/components/stream/stream.component.html b/src/app/components/stream/stream.component.html
index df838c61..f36b3890 100644
--- a/src/app/components/stream/stream.component.html
+++ b/src/app/components/stream/stream.component.html
@@ -1,30 +1,30 @@
 <div class="stream-column">
+    <div class="sliding-column" [class.sliding-column__right-display]="overlayActive">
+        <app-stream-overlay class="stream-overlay" *ngIf="overlayActive" (closeOverlay)="closeOverlay()"
+            [browseAccountData]="overlayAccountToBrowse" [browseHashtagData]="overlayHashtagToBrowse"
+            [browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
 
-    <app-stream-overlay class="stream-overlay" *ngIf="overlayActive" (closeOverlay)="closeOverlay()"
-        [browseAccountData]="overlayAccountToBrowse" [browseHashtagData]="overlayHashtagToBrowse"
-        [browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
+        <!-- <div> -->
+            <div class="stream-column__stream-header">
+                <a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()">
+                    <fa-icon class="stream-column__stream-selector--icon" [icon]="columnFaIcon"></fa-icon>
+                    <h1 class="stream-column__stream-selector--title">{{ streamElement.name.toUpperCase() }}</h1>
+                    <span class="stream-column__stream-selector--subtitle"
+                        *ngIf="streamElement.instance">{{ streamElement.instance.toLowerCase() }}</span>
+                </a>
+                <a class="stream-column__open-menu" href title="edit column" (click)="openEditionMenu()">
+                    <fa-icon class="stream-column__open-menu--icon" [icon]="menuFaIcon"></fa-icon>
+                </a>
+            </div>
 
-    <div class="stream-column__stream-header">
-        <a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()">
-            <fa-icon class="stream-column__stream-selector--icon" [icon]="columnFaIcon"></fa-icon>
-            <h1 class="stream-column__stream-selector--title">{{ streamElement.name.toUpperCase() }}</h1>
-            <span class="stream-column__stream-selector--subtitle"
-                *ngIf="streamElement.instance">{{ streamElement.instance.toLowerCase() }}</span>
-        </a>
-        <a class="stream-column__open-menu" href title="edit column" (click)="openEditionMenu()">
-            <fa-icon class="stream-column__open-menu--icon" [icon]="menuFaIcon"></fa-icon>
-        </a>
+            <app-stream-edition class="stream-edition" *ngIf="editionPanelIsOpen" [streamElement]="streamElement"
+                (closed)="streamEditionClosed()">
+            </app-stream-edition>
+
+            <app-stream-statuses class="stream-statuses" [streamElement]="streamElement"
+                [goToTop]="goToTopSubject.asObservable()" (browseAccountEvent)="browseAccount($event)"
+                (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)">
+            </app-stream-statuses>
+        <!-- </div> -->
     </div>
-
-    <app-stream-edition class="stream-edition" *ngIf="editionPanelIsOpen" 
-        [streamElement]="streamElement"
-        (closed)="streamEditionClosed()">
-    </app-stream-edition>
-
-    <app-stream-statuses class="stream-statuses"
-        [streamElement]="streamElement"
-        [goToTop]="goToTopSubject.asObservable()" 
-        (browseAccountEvent)="browseAccount($event)"
-        (browseHashtagEvent)="browseHashtag($event)" 
-        (browseThreadEvent)="browseThread($event)"></app-stream-statuses>
 </div>
\ No newline at end of file
diff --git a/src/app/components/stream/stream.component.scss b/src/app/components/stream/stream.component.scss
index 42cd6b68..121b86be 100644
--- a/src/app/components/stream/stream.component.scss
+++ b/src/app/components/stream/stream.component.scss
@@ -7,13 +7,33 @@
     z-index: 50;
 }
 
+.sliding-column {
+    transition: all .25s;    
+    transition-timing-function: ease-out;
+
+    width: calc(2 * #{$stream-column-width});
+    height: calc(100%);
+    position: relative;
+    left: 0;
+
+    &__right-display {
+        transition-timing-function: ease-out;
+        position: relative;
+        left: -$stream-column-width;
+    }
+}
+
 .stream-column {
     position: relative;
     width: $stream-column-width;
     height: calc(100%);
+    overflow: hidden;
     background-color: $column-color;
     margin: 0 0 0 $stream-column-separator;
+
     &__stream-header {
+        position: relative;
+        width: $stream-column-width;
         border-bottom: 1px solid #222736;
     }
     &__open-menu {
@@ -37,7 +57,7 @@
     }
     &__stream-selector {
         display: block;
-        width: calc(100%);
+        width: $stream-column-width;
         height: $stream-header-height;
         background-color: $column-header-background-color;
         text-decoration: none; 
@@ -84,8 +104,9 @@
 //     }
 // }
 .stream-overlay {
-    position: absolute;
-    z-index: 100;
+    // position: absolute;
+    float: right;
+    //z-index: 100;
     width: $stream-column-width;
     height: calc(100%);
 }
\ No newline at end of file