diff --git a/app/src/main/res/color/tab_icon_color_selector.xml b/app/src/main/res/color/tab_icon_color_selector.xml
new file mode 100644
index 00000000000..33c81a116ae
--- /dev/null
+++ b/app/src/main/res/color/tab_icon_color_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+  <item android:color="@color/white" android:state_selected="true"/>
+  <item android:color="@color/white_70"/>
+</selector>
diff --git a/app/src/main/res/layout/topic_fragment.xml b/app/src/main/res/layout/topic_fragment.xml
index 3b65bf68ccb..5aa9bf81ae1 100644
--- a/app/src/main/res/layout/topic_fragment.xml
+++ b/app/src/main/res/layout/topic_fragment.xml
@@ -20,21 +20,25 @@
         android:id="@+id/toolbar"
         android:layout_width="match_parent"
         android:layout_height="?attr/actionBarSize"
-        android:background="?attr/colorPrimary"
-        app:titleTextColor="@color/white"
-        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
+        android:background="@color/oppiaPrimaryDark"
+        android:textSize="20dp"
+        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
+        app:titleTextColor="@color/white" />
 
       <com.google.android.material.tabs.TabLayout
         android:id="@+id/topic_tabs_container"
+        style="@style/AppTabLayout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:tabBackground="@color/colorPrimary"
+        android:textSize="14sp"
+        app:tabBackground="@color/oppiaPrimaryDark"
         app:tabGravity="fill"
+        app:tabIconTint="@color/tab_icon_color_selector"
         app:tabIndicatorColor="@android:color/white"
         app:tabIndicatorHeight="2dp"
         app:tabMode="fixed"
-        app:tabTextAppearance="@android:style/TextAppearance.DeviceDefault.Widget.TabWidget"
-        app:tabTextColor="@android:color/white" />
+        app:tabTextAppearance="@style/AppTabTextAppearance"
+        app:tabTextColor="@color/tab_icon_color_selector" />
     </com.google.android.material.appbar.AppBarLayout>
 
     <androidx.viewpager.widget.ViewPager
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f378cbaf477..0dc303e805a 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -27,6 +27,7 @@
   <!-- BASIC COLORS -->
   <color name="white">#FFFFFF</color>
   <color name="white_80">#CCFFFFFF</color>
+  <color name="white_70">#B3FFFFFF</color>
   <color name="black">#000000</color>
   <!-- AUDIO COMPONENT -->
   <color name="audioComponentBackground">@color/oppiaDarkBlue</color>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index d2a3dd35ef1..32ea68db2f9 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -79,4 +79,22 @@
     <item name="android:textSize">14sp</item>
     <item name="android:clickable">false</item>
   </style>
+  <!-- TOPIC TABLAYOUT STYLE -->
+  <style name="AppTabLayout" parent="Widget.Design.TabLayout">
+    <item name="tabIndicatorColor">@color/white</item>
+    <item name="tabIndicatorHeight">4dp</item>
+    <item name="tabPaddingStart">8dp</item>
+    <item name="tabPaddingEnd">8dp</item>
+    <item name="tabBackground">?attr/selectableItemBackground</item>
+    <item name="tabTextAppearance">@style/AppTabTextAppearance</item>
+    <item name="tabIconTint">@color/tab_icon_color_selector</item>
+    <item name="tabSelectedTextColor">@color/white</item>
+  </style>
+
+  <style name="AppTabTextAppearance" parent="TextAppearance.Design.Tab">
+    <item name="android:textSize">14sp</item>
+    <item name="android:textColor">@color/tab_icon_color_selector</item>
+    <item name="android:fontFamily">sans-serif-medium</item>
+    <item name="textAllCaps">true</item>
+  </style>
 </resources>