diff --git a/src/singletons/thememanager.cpp b/src/singletons/thememanager.cpp
index c9e02d5b0..5c228a26d 100644
--- a/src/singletons/thememanager.cpp
+++ b/src/singletons/thememanager.cpp
@@ -90,6 +90,8 @@ void ThemeManager::actuallyUpdate(double hue, double multiplier)
     // tabs
     // text, {regular, hover, unfocused}
     this->windowBg = "#ccc";
+
+    this->tabs.border = "#999";
     this->tabs.regular = {tabFg, {windowBg, blendColors(windowBg, "#999", 0.5), windowBg}};
 
     this->tabs.selected = {"#fff", {themeColor, themeColor, QColor::fromHslF(hue, 0, 0.5)}};
@@ -104,6 +106,7 @@ void ThemeManager::actuallyUpdate(double hue, double multiplier)
         tabFg,
         {blendColors(themeColor, windowBg, 0.7), blendColors(themeColor, windowBg, 0.5),
          blendColors(themeColorNoSat, windowBg, 0.7)}};
+
     this->windowBg = "#fff";
 
     // Split
diff --git a/src/singletons/thememanager.hpp b/src/singletons/thememanager.hpp
index 98f825755..26ccfdeaa 100644
--- a/src/singletons/thememanager.hpp
+++ b/src/singletons/thememanager.hpp
@@ -37,6 +37,7 @@ public:
         TabColors selected;
         TabColors highlighted;
         TabColors newMessage;
+        QColor border;
     } tabs;
 
     struct {
diff --git a/src/widgets/helper/notebookbutton.cpp b/src/widgets/helper/notebookbutton.cpp
index 6aa06dc1a..6570c3041 100644
--- a/src/widgets/helper/notebookbutton.cpp
+++ b/src/widgets/helper/notebookbutton.cpp
@@ -38,7 +38,7 @@ void NotebookButton::paintEvent(QPaintEvent *)
     }
 
     painter.setPen(Qt::NoPen);
-    painter.fillRect(this->rect(), background);
+    //    painter.fillRect(this->rect(), background);
 
     float h = height(), w = width();
 
diff --git a/src/widgets/helper/notebooktab.cpp b/src/widgets/helper/notebooktab.cpp
index 432a44b4e..9f3d8e9e6 100644
--- a/src/widgets/helper/notebooktab.cpp
+++ b/src/widgets/helper/notebooktab.cpp
@@ -10,6 +10,7 @@
 
 #include <QApplication>
 #include <QDebug>
+#include <QLinearGradient>
 #include <QPainter>
 
 namespace chatterino {
@@ -78,15 +79,16 @@ void NotebookTab::updateSize()
 {
     float scale = getScale();
 
-    this->resize((int)(150 * scale), (int)(24 * scale));
+    int width;
 
-    //    QString qTitle(qS(this->title));
-    //    if (singletons::SettingManager::getInstance().hideTabX) {
-    //        this->resize((int)((fontMetrics().width(qTitle) + 16) * scale), (int)(24 * scale));
-    //    } else {
-    //        this->resize((int)((fontMetrics().width(qTitle) + 8 + 24) * scale), (int)(24 *
-    //        scale));
-    //    }
+    QString qTitle(qS(this->title));
+    if (singletons::SettingManager::getInstance().hideTabX) {
+        width = (int)((fontMetrics().width(qTitle) + 16 + 16) * scale);
+    } else {
+        width = (int)((fontMetrics().width(qTitle) + 8 + 24 + 16) * scale);
+    }
+
+    this->resize(std::min((int)(150 * scale), width), (int)(48 * scale));
 
     if (this->parent() != nullptr) {
         (static_cast<Notebook *>(this->parent()))->performLayout(true);
@@ -173,6 +175,9 @@ void NotebookTab::paintEvent(QPaintEvent *)
     QPainter painter(this);
     float scale = this->getScale();
 
+    int height = (int)(scale * 24);
+    int fullHeight = (int)(scale * 48);
+
     // select the right tab colors
     singletons::ThemeManager::TabColors colors;
     singletons::ThemeManager::TabColors regular = this->themeManager.tabs.regular;
@@ -190,32 +195,39 @@ void NotebookTab::paintEvent(QPaintEvent *)
     bool windowFocused = this->window() == QApplication::activeWindow();
     // || SettingsDialog::getHandle() == QApplication::activeWindow();
 
+    QBrush tabBackground = this->mouseOver ? colors.backgrounds.hover
+                                           : (windowFocused ? colors.backgrounds.regular
+                                                            : colors.backgrounds.unfocused);
+
     if (false) {
         painter.fillRect(rect(), this->mouseOver ? regular.backgrounds.hover
                                                  : (windowFocused ? regular.backgrounds.regular
                                                                   : regular.backgrounds.unfocused));
 
         // fill the tab background
-        painter.fillRect(rect(), this->mouseOver ? colors.backgrounds.hover
-                                                 : (windowFocused ? colors.backgrounds.regular
-                                                                  : colors.backgrounds.unfocused));
+        painter.fillRect(rect(), tabBackground);
     } else {
-        QPainterPath path(QPointF(0, this->height()));
+        QPainterPath path(QPointF(0, height));
         path.lineTo(8 * scale, 0);
         path.lineTo(this->width() - 8 * scale, 0);
-        path.lineTo(this->width(), this->height());
+        path.lineTo(this->width(), height);
         painter.fillPath(path, this->mouseOver ? regular.backgrounds.hover
                                                : (windowFocused ? regular.backgrounds.regular
                                                                 : regular.backgrounds.unfocused));
 
         // fill the tab background
-        painter.fillPath(path, this->mouseOver ? colors.backgrounds.hover
-                                               : (windowFocused ? colors.backgrounds.regular
-                                                                : colors.backgrounds.unfocused));
+        painter.fillPath(path, tabBackground);
         painter.setPen(QColor("#FFF"));
         painter.setRenderHint(QPainter::Antialiasing);
         painter.drawPath(path);
         //        painter.setBrush(QColor("#000"));
+
+        QLinearGradient gradient(0, height, 0, fullHeight);
+        gradient.setColorAt(0, tabBackground.color());
+        gradient.setColorAt(1, "#fff");
+
+        QBrush brush(gradient);
+        painter.fillRect(0, height, this->width(), fullHeight - height, brush);
     }
 
     // set the pen color
@@ -223,7 +235,7 @@ void NotebookTab::paintEvent(QPaintEvent *)
 
     // set area for text
     int rectW = (settingManager.hideTabX ? 0 : static_cast<int>(16) * scale);
-    QRect rect(0, 0, this->width() - rectW, this->height());
+    QRect rect(0, 0, this->width() - rectW, height);
 
     // draw text
     if (false) {  // legacy
@@ -232,7 +244,7 @@ void NotebookTab::paintEvent(QPaintEvent *)
         QTextOption option(Qt::AlignLeft | Qt::AlignVCenter);
         option.setWrapMode(QTextOption::NoWrap);
         int offset = (int)(scale * 16);
-        QRect textRect(offset, 0, this->width() - offset - offset, this->height());
+        QRect textRect(offset, 0, this->width() - offset - offset, height);
         painter.drawText(textRect, this->getTitle(), option);
     }
 
diff --git a/src/widgets/notebook.cpp b/src/widgets/notebook.cpp
index f790e62a9..ae19ad9a7 100644
--- a/src/widgets/notebook.cpp
+++ b/src/widgets/notebook.cpp
@@ -162,6 +162,8 @@ SplitContainer *Notebook::tabAt(QPoint point, int &index, int maxWidth)
 
     for (auto *page : this->pages) {
         QRect rect = page->getTab()->getDesiredRect();
+        rect.setHeight((int)(this->getScale() * 22));
+
         rect.setWidth(std::min(maxWidth, rect.width()));
 
         if (rect.contains(point)) {
@@ -242,7 +244,8 @@ void Notebook::performLayout(bool animated)
     for (auto &i : this->pages) {
         if (!first &&
             (i == this->pages.last() ? tabHeight : 0) + x + i->getTab()->width() > width()) {
-            y += i->getTab()->height();
+            //            y += i->getTab()->height();
+            y += 20;
             i->getTab()->moveAnimated(QPoint(0, y), animated);
             x = i->getTab()->width();
         } else {
@@ -255,8 +258,16 @@ void Notebook::performLayout(bool animated)
         first = false;
     }
 
+    x += (int)(8 * scale);
+
     this->addButton.move(x, y);
 
+    for (auto &i : this->pages) {
+        i->getTab()->raise();
+    }
+
+    this->addButton.raise();
+
     if (this->selectedPage != nullptr) {
         this->selectedPage->move(0, y + tabHeight);
         this->selectedPage->resize(width(), height() - y - tabHeight);