diff --git a/resources/css/style.css b/resources/css/style.css
index e3b08c85a..5aae77c85 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -400,3 +400,64 @@ ContentTypeFilter {
width: 0;
height: 0;
}
+
+/* ----------------------------------------
+ Text to Speech Page
+*/
+
+TextToSpeechBar {
+ border-top: 1px solid #ccc;
+}
+
+TextToSpeechBar #closeButton {
+ outline: none;
+ max-height: 36px;
+ max-width: 36px;
+ border: 1px solid #ccc;
+ border-radius: 0;
+}
+
+TextToSpeechBar #stopButton {
+ outline: none;
+ max-height: 36px;
+ padding: 0px 10px;
+
+ background-color: white;
+ border: 1px solid #ccc;
+ border-radius: 0;
+}
+
+TextToSpeechBar #stopButton:hover {
+ background-color: #D9E9FF;
+ border: 1px solid #3366CC;
+}
+
+TextToSpeechBar #stopButton:disabled {
+ color: grey;
+ background-color: darkgrey;
+}
+
+TextToSpeechBar QComboBox::drop-down {
+ height: 22px;
+ width: 15px;
+ padding: 0px 2px;
+ margin: 0px;
+
+ image: url(":/icons/drop-down.svg");
+ background-color: white;
+}
+
+TextToSpeechBar QComboBox {
+ background-color: white;
+ border: 1px solid #ccc;
+}
+
+TextToSpeechBar QAbstractItemView QScrollBar {
+ width: 5px;
+ border: none;
+ outline: none;
+}
+
+TextToSpeechBar QAbstractItemView QScrollBar::handle {
+ background-color: grey;
+}
diff --git a/resources/icons/drop-down.svg b/resources/icons/drop-down.svg
new file mode 100644
index 000000000..1c1b65343
--- /dev/null
+++ b/resources/icons/drop-down.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/resources/kiwix.qrc b/resources/kiwix.qrc
index 7dd41e3b2..ddb7f3fc7 100644
--- a/resources/kiwix.qrc
+++ b/resources/kiwix.qrc
@@ -67,5 +67,6 @@
icons/more-vertical.svg
icons/caret-left-solid.svg
icons/stop-circle.svg
+ icons/drop-down.svg