diff --git a/app/src/main/resources/META-INF/native-image/reflect-config.json b/app/src/main/resources/META-INF/native-image/reflect-config.json
index d609234f..ea342a69 100644
--- a/app/src/main/resources/META-INF/native-image/reflect-config.json
+++ b/app/src/main/resources/META-INF/native-image/reflect-config.json
@@ -506,6 +506,10 @@
   "name":"com.sun.prism.shader.FillRoundRect_Color_Loader",
   "methods":[{"name":"loadShader","parameterTypes":["com.sun.prism.ps.ShaderFactory","java.io.InputStream"] }]
 },
+{
+  "name":"com.sun.prism.shader.FillRoundRect_LinearGradient_PAD_Loader",
+  "methods":[{"name":"loadShader","parameterTypes":["com.sun.prism.ps.ShaderFactory","java.io.InputStream"] }]
+},
 {
   "name":"com.sun.prism.shader.Mask_TextureRGB_Loader",
   "methods":[{"name":"loadShader","parameterTypes":["com.sun.prism.ps.ShaderFactory","java.io.InputStream"] }]
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/MobileSearchTextField.java b/components/src/main/java/com/dlsc/jfxcentral2/components/MobileSearchTextField.java
new file mode 100644
index 00000000..928203cd
--- /dev/null
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/MobileSearchTextField.java
@@ -0,0 +1,66 @@
+package com.dlsc.jfxcentral2.components;
+
+import javafx.beans.property.SimpleStringProperty;
+import javafx.beans.property.StringProperty;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.control.TextField;
+import javafx.scene.layout.BorderPane;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+import org.kordamp.ikonli.javafx.FontIcon;
+import org.kordamp.ikonli.materialdesign.MaterialDesign;
+
+public class MobileSearchTextField extends BorderPane {
+
+    public MobileSearchTextField() {
+        getStyleClass().add("text-input");
+
+        getStyleClass().add("mobile-search-text-field");
+
+        TextField textField = new TextField();
+        textField.textProperty().bindBidirectional(textProperty());
+        textField.promptTextProperty().bind(promptText);
+
+        HBox.setHgrow(textField, Priority.ALWAYS);
+
+        FontIcon icon = new FontIcon(MaterialDesign.MDI_MAGNIFY);
+        BorderPane.setAlignment(icon, Pos.CENTER);
+        BorderPane.setMargin(textField, new Insets(0, 10, 0, 10));
+
+        setLeft(icon);
+        setCenter(textField);
+    }
+
+    private final StringProperty text = new SimpleStringProperty();
+
+    public String getText() {
+        return text.get();
+    }
+
+    public StringProperty textProperty() {
+        return text;
+    }
+
+    public void setText(String text) {
+        this.text.set(text);
+    }
+
+    public final void clear() {
+        text.set("");
+    }
+
+    private final StringProperty promptText = new SimpleStringProperty();
+
+    public String getPromptText() {
+        return promptText.get();
+    }
+
+    public StringProperty promptTextProperty() {
+        return promptText;
+    }
+
+    public void setPromptText(String promptText) {
+        this.promptText.set(promptText);
+    }
+}
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BlogsFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BlogsFilterView.java
index e4955343..e0dc99d7 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BlogsFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BlogsFilterView.java
@@ -7,7 +7,7 @@ public class BlogsFilterView extends SimpleModelObjectSearchFilterView<Blog> {
 
     public BlogsFilterView() {
         getStyleClass().add("blogs-filter-view");
-        setSearchPromptText("Search for a blog");
+        setSearchPromptText("Search for a blog ...");
 
         setOnSearch(text -> blog -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(blog.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BooksFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BooksFilterView.java
index 6b978d4b..d75a02e5 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BooksFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/BooksFilterView.java
@@ -7,7 +7,7 @@ public class BooksFilterView extends SimpleModelObjectSearchFilterView<Book> {
 
     public BooksFilterView() {
         getStyleClass().add("books-filter-view");
-        setSearchPromptText("Search for a book");
+        setSearchPromptText("Search for a book ...");
 
         setOnSearch(text -> book -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(book.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/CompaniesFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/CompaniesFilterView.java
index 799fa41b..364db14f 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/CompaniesFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/CompaniesFilterView.java
@@ -7,7 +7,7 @@ public class CompaniesFilterView extends SimpleModelObjectSearchFilterView<Compa
 
     public CompaniesFilterView() {
         getStyleClass().add("companies-filter-view");
-        setSearchPromptText("Search for a company");
+        setSearchPromptText("Search for a company ...");
 
         setOnSearch(text -> company -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(company.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DocumentationFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DocumentationFilterView.java
index 32b1f472..a3166134 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DocumentationFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DocumentationFilterView.java
@@ -24,7 +24,7 @@ public DocumentationFilterView() {
                 new SortItem<>("From Z to A", Comparator.comparing((Documentation modelObject) -> modelObject.getName().toLowerCase()).reversed()))
         ));
 
-        setSearchPromptText("Search for a Documentation");
+        setSearchPromptText("Search for documentation ...");
 
         setOnSearch(text -> tool -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(tool.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DownloadsFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DownloadsFilterView.java
index 59f00af1..ac81ac29 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DownloadsFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/DownloadsFilterView.java
@@ -7,7 +7,7 @@ public class DownloadsFilterView extends SimpleModelObjectSearchFilterView<Downl
 
     public DownloadsFilterView() {
         getStyleClass().add("downloads-filter-view");
-        setSearchPromptText("Search for a download");
+        setSearchPromptText("Search for a download ...");
 
         setOnSearch(text -> download -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(download.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LearnFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LearnFilterView.java
index 77e6b948..2bd4e612 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LearnFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LearnFilterView.java
@@ -15,7 +15,7 @@ public class LearnFilterView extends SimpleModelObjectSearchFilterView<Learn> {
     public LearnFilterView() {
         getStyleClass().addAll("learn-filter-view", "tools-filter-view");
 
-        setSearchPromptText("Search for a lesson");
+        setSearchPromptText("Search for a lesson ...");
 
         setOnSearch(text -> learn -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(learn.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LibrariesFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LibrariesFilterView.java
index 1ae86b95..9df0c0e6 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LibrariesFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/LibrariesFilterView.java
@@ -7,7 +7,7 @@ public class LibrariesFilterView extends SimpleModelObjectSearchFilterView<Libra
 
     public LibrariesFilterView() {
         getStyleClass().add("libraries-filter-view");
-        setSearchPromptText("Search for a library");
+        setSearchPromptText("Search for a library ...");
 
         setOnSearch(text -> library -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(library.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/PeopleFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/PeopleFilterView.java
index 4d6a240b..02655aa9 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/PeopleFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/PeopleFilterView.java
@@ -11,7 +11,7 @@
 public class PeopleFilterView extends SimpleModelObjectSearchFilterView<Person> {
     public PeopleFilterView() {
         getStyleClass().add("people-filter-view");
-        setSearchPromptText("Search for a JFX person");
+        setSearchPromptText("Search for a person ...");
 
         Label keysLabel = new Label("*KEY");
         keysLabel.getStyleClass().add("keys-label");
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ShowcaseFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ShowcaseFilterView.java
index f726947e..2b4e5feb 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ShowcaseFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ShowcaseFilterView.java
@@ -15,7 +15,7 @@ public class ShowcaseFilterView extends SimpleModelObjectSearchFilterView<RealWo
 
     public ShowcaseFilterView() {
         getStyleClass().add("showcases-filter-view");
-        setSearchPromptText("Search for an application...");
+        setSearchPromptText("Search for an application ...");
 
         if (domainFilterItems == null) {
             domainFilterItems = getDomainFilterItems();
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TipsAndTricksFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TipsAndTricksFilterView.java
index e08786dd..f0d6ac27 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TipsAndTricksFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TipsAndTricksFilterView.java
@@ -8,7 +8,7 @@ public class TipsAndTricksFilterView extends SimpleModelObjectSearchFilterView<T
     public TipsAndTricksFilterView() {
         getStyleClass().add("tips-filter-view");
 
-        setSearchPromptText("Search for tips and tricks");
+        setSearchPromptText("Search for a tip or trick ...");
 
         setOnSearch(text -> tip -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(tip.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ToolsFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ToolsFilterView.java
index c92ac936..8d625312 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ToolsFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/ToolsFilterView.java
@@ -8,7 +8,7 @@ public class ToolsFilterView extends SimpleModelObjectSearchFilterView<Tool> {
     public ToolsFilterView() {
         getStyleClass().add("tools-filter-view");
 
-        setSearchPromptText("Search for a tool");
+        setSearchPromptText("Search for a tool ...");
 
         setOnSearch(text -> tool -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(tool.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TutorialsFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TutorialsFilterView.java
index 338326c2..a060255e 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TutorialsFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/TutorialsFilterView.java
@@ -8,7 +8,7 @@ public class TutorialsFilterView extends SimpleModelObjectSearchFilterView<Tutor
     public TutorialsFilterView() {
         getStyleClass().add("tutorials-filter-view");
 
-        setSearchPromptText("Search for a tutorial");
+        setSearchPromptText("Search for a tutorial ...");
 
         setOnSearch(text -> tutorial -> StringUtils.isBlank(text)
                 || StringUtils.containsIgnoreCase(tutorial.getName(), text)
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/VideosFilterView.java b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/VideosFilterView.java
index 5741d049..10fa90b3 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/filters/VideosFilterView.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/filters/VideosFilterView.java
@@ -21,7 +21,7 @@ public VideosFilterView() {
         getStyleClass().add("videos-filter-view");
 
         setSortGroup(null);
-        setSearchPromptText("Search for a video");
+        setSearchPromptText("Search for a video ...");
 
         if (typeFilterItems == null) {
             typeFilterItems = getVideoFilterItems(Video::getType, createFilterPredicate(Video::getType));
diff --git a/components/src/main/java/com/dlsc/jfxcentral2/components/overviewbox/VideoOverviewBox.java b/components/src/main/java/com/dlsc/jfxcentral2/components/overviewbox/VideoOverviewBox.java
index 6e3a7b2c..a738eeff 100644
--- a/components/src/main/java/com/dlsc/jfxcentral2/components/overviewbox/VideoOverviewBox.java
+++ b/components/src/main/java/com/dlsc/jfxcentral2/components/overviewbox/VideoOverviewBox.java
@@ -2,8 +2,10 @@
 
 import com.dlsc.jfxcentral.data.DataRepository2;
 import com.dlsc.jfxcentral.data.model.Video;
+import com.dlsc.jfxcentral2.components.CustomMarkdownView;
 import com.dlsc.jfxcentral2.utils.VideoViewFactory;
 import javafx.scene.Node;
+import javafx.scene.control.Label;
 
 public class VideoOverviewBox extends SimpleOverviewBox<Video> {
 
@@ -17,7 +19,14 @@ public VideoOverviewBox(Video video) {
     }
 
     @Override
-    protected Node createBottomNode() {
+    protected Node createTopNode() {
         return VideoViewFactory.createVideoViewNode(getModel());
     }
+
+    @Override
+    protected Node createBottomNode() {
+        CustomMarkdownView markdownView = new CustomMarkdownView();
+        markdownView.setMdString(getModel().getDescription());
+        return markdownView;
+    }
 }
diff --git a/components/src/main/java/module-info.java b/components/src/main/java/module-info.java
index 02d58632..dc92c03c 100644
--- a/components/src/main/java/module-info.java
+++ b/components/src/main/java/module-info.java
@@ -9,6 +9,8 @@
     requires batik.dom;
     requires batik.svggen;
     requires com.github.weisj.jsvg;
+    requires org.apache.commons.validator;
+    requires org.apache.commons.logging;
 
     requires fr.brouillard.oss.cssfx;
 
@@ -28,7 +30,6 @@
     requires jpro.webapi;
     requires one.jpro.platform.routing.core;
     requires java.desktop;
-    requires commons.validator;
     requires com.dlsc.jfxcentral2.iconfont;
     requires com.google.gson;
 
@@ -96,6 +97,7 @@
     requires org.kordamp.ikonli.win10;
     requires org.kordamp.ikonli.zondicons;
     requires com.rometools.rome;
+    requires java.prefs;
     // ikonli icon packs END
 
     exports com.dlsc.jfxcentral2.components;
diff --git a/components/src/main/resources/com/dlsc/jfxcentral2/theme.css b/components/src/main/resources/com/dlsc/jfxcentral2/theme.css
index 122e49e0..8cb636f4 100644
--- a/components/src/main/resources/com/dlsc/jfxcentral2/theme.css
+++ b/components/src/main/resources/com/dlsc/jfxcentral2/theme.css
@@ -8139,7 +8139,7 @@
 }
 
 /** ------------------------------------
- * search-field-list-view (SearchField popup)
+ * search-field-list-view (MobileSearchTextField popup)
  */
 .search-field-list-view {
     -fx-pref-height: 350px !important;
@@ -9312,6 +9312,16 @@
     -fx-padding: 10px 30px;
 }
 
+/* ----------------------------------------------------------------------------
+ * ScrollPane
+ */
+
+.scroll-pane {
+    -fx-padding: 0;
+    -fx-background-insets: 0; /* no focus border */
+    -fx-border-width: 0;
+}
+
 /* ----------------------------------------------------------------------------
  * Pretty ScrollPane
  */
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/BottomMenuBar.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/BottomMenuBar.java
index 45584292..64653dec 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/BottomMenuBar.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/BottomMenuBar.java
@@ -15,6 +15,7 @@
 import com.dlsc.jfxcentral2.utils.PagePath;
 import com.dlsc.jfxcentral2.utils.Subscribe;
 import javafx.beans.property.ObjectProperty;
+import javafx.scene.control.ContentDisplay;
 import javafx.scene.control.ToggleGroup;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.Priority;
@@ -32,6 +33,7 @@ public BottomMenuBar() {
         EventBusUtil.register(this);
 
         CustomToggleButton homeButton = new CustomToggleButton();
+        homeButton.setText("Home");
         homeButton.setGraphic(new FontIcon(MaterialDesign.MDI_HOME));
         homeButton.setMaxWidth(Double.MAX_VALUE);
         homeButton.setUserData(PagePath.HOME);
@@ -46,20 +48,23 @@ public BottomMenuBar() {
         HBox.setHgrow(homeButton, Priority.ALWAYS);
 
         CustomToggleButton linksWeekButton = new CustomToggleButton();
+        linksWeekButton.setText("News");
         linksWeekButton.setGraphic(new FontIcon(IkonUtil.getModelIkon(LinksOfTheWeek.class)));
         linksWeekButton.setMaxWidth(Double.MAX_VALUE);
         linksWeekButton.setUserData(PagePath.LINKS);
         MobileLinkUtil.setLink(linksWeekButton, PagePath.LINKS);
         HBox.setHgrow(linksWeekButton, Priority.ALWAYS);
 
-        CustomToggleButton showCaseButton = new CustomToggleButton();
-        showCaseButton.setGraphic(new FontIcon(IkonUtil.getModelIkon(RealWorldApp.class)));
-        showCaseButton.setMaxWidth(Double.MAX_VALUE);
-        showCaseButton.setUserData(PagePath.SHOWCASES);
-        MobileLinkUtil.setLink(showCaseButton, PagePath.SHOWCASES);
-        HBox.setHgrow(showCaseButton, Priority.ALWAYS);
+        CustomToggleButton showcasesButton = new CustomToggleButton();
+        showcasesButton.setText("Apps");
+        showcasesButton.setGraphic(new FontIcon(IkonUtil.getModelIkon(RealWorldApp.class)));
+        showcasesButton.setMaxWidth(Double.MAX_VALUE);
+        showcasesButton.setUserData(PagePath.SHOWCASES);
+        MobileLinkUtil.setLink(showcasesButton, PagePath.SHOWCASES);
+        HBox.setHgrow(showcasesButton, Priority.ALWAYS);
 
         CustomToggleButton libraryButton = new CustomToggleButton();
+        libraryButton.setText("Libs");
         libraryButton.setGraphic(new FontIcon(IkonUtil.getModelIkon(Library.class)));
         libraryButton.setMaxWidth(Double.MAX_VALUE);
         libraryButton.setUserData(PagePath.LIBRARIES);
@@ -67,16 +72,17 @@ public BottomMenuBar() {
         HBox.setHgrow(libraryButton, Priority.ALWAYS);
 
         CustomToggleButton peopleButton = new CustomToggleButton();
+        peopleButton.setText("People");
         peopleButton.setGraphic(new FontIcon(IkonUtil.getModelIkon(Person.class)));
         peopleButton.setMaxWidth(Double.MAX_VALUE);
         peopleButton.setUserData(PagePath.PEOPLE);
         MobileLinkUtil.setLink(peopleButton, PagePath.PEOPLE);
         HBox.setHgrow(peopleButton, Priority.ALWAYS);
 
-        getChildren().addAll(homeButton, linksWeekButton, showCaseButton, libraryButton, peopleButton);
+        getChildren().addAll(homeButton, linksWeekButton, showcasesButton, libraryButton, peopleButton);
 
         toggleGroup = new ToggleGroup();
-        toggleGroup.getToggles().addAll(homeButton, linksWeekButton, showCaseButton, libraryButton, peopleButton);
+        toggleGroup.getToggles().addAll(homeButton, linksWeekButton, showcasesButton, libraryButton, peopleButton);
 
         setMaxHeight(Region.USE_PREF_SIZE);
 
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnPagination.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnPagination.java
index b56ced1e..130b8595 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnPagination.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnPagination.java
@@ -9,13 +9,14 @@
 import com.dlsc.jfxcentral.data.model.LearnRaspberryPi;
 import com.dlsc.jfxcentral2.components.AvatarView;
 import com.dlsc.jfxcentral2.components.CustomMarkdownView;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
 import com.dlsc.jfxcentral2.utils.ModelObjectTool;
 import javafx.beans.binding.Bindings;
 import javafx.beans.property.SimpleStringProperty;
 import javafx.beans.property.StringProperty;
 import javafx.scene.control.Label;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.control.Tooltip;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.VBox;
@@ -28,7 +29,7 @@ public class LearnPagination<T extends Learn> extends MobilePagination<T> {
     private static final String DEFAULT_STYLE_CLASS = "learn-pagination";
     private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofLocalizedDate(FormatStyle.MEDIUM);
 
-    private final PrettyScrollPane scrollPane = new PrettyScrollPane();
+    private final ScrollPane scrollPane = new ScrollPane();
 
     public LearnPagination() {
         getStyleClass().add(DEFAULT_STYLE_CLASS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LotwPagination.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LotwPagination.java
index f8e1e878..6a475621 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LotwPagination.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LotwPagination.java
@@ -3,13 +3,14 @@
 import com.dlsc.jfxcentral.data.DataRepository2;
 import com.dlsc.jfxcentral.data.model.LinksOfTheWeek;
 import com.dlsc.jfxcentral2.components.CustomMarkdownView;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import javafx.beans.binding.Bindings;
+import javafx.scene.control.ScrollPane;
 
 public class LotwPagination extends MobilePagination<LinksOfTheWeek> {
 
     private static final String DEFAULT_STYLE_CLASS = "lotw-pagination";
-    private final PrettyScrollPane scrollPane = new PrettyScrollPane();
+    private final ScrollPane scrollPane = new ScrollPane();
 
     public LotwPagination() {
         getStyleClass().add(DEFAULT_STYLE_CLASS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/ModelListView.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/ModelListView.java
index 80b11dc2..9bb68b19 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/ModelListView.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/ModelListView.java
@@ -1,8 +1,8 @@
 package com.dlsc.jfxcentral2.mobile.components;
 
-import com.dlsc.gemsfx.SearchTextField;
 import com.dlsc.jfxcentral.data.model.Documentation;
 import com.dlsc.jfxcentral.data.model.ModelObject;
+import com.dlsc.jfxcentral2.components.MobileSearchTextField;
 import com.dlsc.jfxcentral2.mobile.utils.ListViewUtil;
 import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
 import com.dlsc.jfxcentral2.utils.ModelObjectTool;
@@ -36,7 +36,7 @@ public class ModelListView<T extends ModelObject> extends VBox {
     public ModelListView() {
         getStyleClass().add(DEFAULT_STYLE_CLASS);
 
-        SearchTextField searchTextField = new SearchTextField(true);
+        MobileSearchTextField searchTextField = new MobileSearchTextField();
         searchTextField.promptTextProperty().bind(promptTextProperty());
         StackPane searchWrapper = new StackPane(searchTextField);
         searchWrapper.getStyleClass().add("search-wrapper");
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/SearchTextView.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/SearchTextView.java
index 1b4c5ad2..f6829a8e 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/SearchTextView.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/SearchTextView.java
@@ -1,6 +1,6 @@
 package com.dlsc.jfxcentral2.mobile.components;
 
-import com.dlsc.gemsfx.SearchTextField;
+import com.dlsc.jfxcentral2.components.MobileSearchTextField;
 import com.dlsc.jfxcentral2.components.SizeSupport;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.BooleanProperty;
@@ -20,7 +20,7 @@ public class SearchTextView extends StackPane {
     public SearchTextView() {
         getStyleClass().add(DEFAULT_STYLE_CLASS);
 
-        SearchTextField searchTextField = new SearchTextField(true);
+        MobileSearchTextField searchTextField = new MobileSearchTextField();
         searchTextField.promptTextProperty().bind(promptTextProperty());
         searchText.bind(searchTextField.textProperty());
 
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/MobileHomePage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/MobileHomePage.java
index 35c851be..24fe5605 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/MobileHomePage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/MobileHomePage.java
@@ -1,6 +1,5 @@
 package com.dlsc.jfxcentral2.mobile.pages;
 
-import com.dlsc.gemsfx.SearchTextField;
 import com.dlsc.jfxcentral.data.DataRepository2;
 import com.dlsc.jfxcentral.data.model.Blog;
 import com.dlsc.jfxcentral.data.model.Book;
@@ -11,8 +10,9 @@
 import com.dlsc.jfxcentral.data.model.RealWorldApp;
 import com.dlsc.jfxcentral.data.model.Tip;
 import com.dlsc.jfxcentral.data.model.Video;
+import com.dlsc.jfxcentral2.components.MobileSearchTextField;
 import com.dlsc.jfxcentral2.components.MobilePageBase;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.mobile.components.LearnCategoryBox;
 import com.dlsc.jfxcentral2.mobile.components.MobileSearchView;
 import com.dlsc.jfxcentral2.mobile.home.CategoryAdvancedView;
@@ -25,6 +25,7 @@
 import javafx.beans.property.ReadOnlyObjectWrapper;
 import javafx.scene.Node;
 import javafx.scene.control.Button;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
@@ -37,7 +38,7 @@ public class MobileHomePage extends MobilePageBase {
 
     private static MobileHomePage instance;
 
-    private final SearchTextField searchTextField;
+    private final MobileSearchTextField searchTextField;
 
     public enum ContentType {
         NORMAL, SEARCH
@@ -69,7 +70,7 @@ private MobileHomePage() {
         header.sizeProperty().bind(sizeProperty());
 
         // search field
-        searchTextField = new SearchTextField(true);
+        searchTextField = new MobileSearchTextField();
         searchTextField.setRight(createSearchCancelButton());
         searchTextField.setPromptText("Search for anything...");
         searchView.searchTextProperty().bindBidirectional(searchTextField.textProperty());
@@ -145,13 +146,14 @@ private Node createNormalView() {
         CategoryPreviewView blogPreviewView = CategoryPreviewView.createBlogPreviewView(randomBlogs, PagePath.BLOGS);
         blogPreviewView.sizeProperty().bind(sizeProperty());
 
-        VBox normalView = new VBox(categoryAdvancedView, weekLinksView, showCasePreviewView, peoplePreviewView, libraryPreviewView, booksPreviewView, videoPreviewView, blogPreviewView, tipsPreviewView, learnCategoryBox);
+       // VBox normalView = new VBox(categoryAdvancedView, weekLinksView, showCasePreviewView, peoplePreviewView, libraryPreviewView, booksPreviewView, videoPreviewView, blogPreviewView, tipsPreviewView, learnCategoryBox);
+        VBox normalView = new VBox(showCasePreviewView, peoplePreviewView, libraryPreviewView, booksPreviewView, videoPreviewView, blogPreviewView, tipsPreviewView, learnCategoryBox);
         normalView.getStyleClass().add("content-box");
 
-        PrettyScrollPane prettyScrollPane = new PrettyScrollPane(normalView);
-        prettyScrollPane.getStyleClass().add("mobile");
-        VBox.setVgrow(prettyScrollPane, Priority.ALWAYS);
-        return prettyScrollPane;
+        ScrollPane ScrollPane = new ScrollPane(normalView);
+        ScrollPane.getStyleClass().add("mobile");
+        VBox.setVgrow(ScrollPane, Priority.ALWAYS);
+        return ScrollPane;
     }
 
     private <T extends ModelObject> List<T> getRandomSample(List<T> list, int sampleSize) {
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
index 4d56ebfd..967a3ff8 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Book;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.BookOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -42,7 +43,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(bookOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
index d1d25ec1..db90be78 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
@@ -2,7 +2,7 @@
 
 import com.dlsc.jfxcentral.data.ImageManager;
 import com.dlsc.jfxcentral.data.model.Company;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.CompanyOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
@@ -10,6 +10,7 @@
 import com.dlsc.jfxcentral2.utils.IkonUtil;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -45,7 +46,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(companyOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
index 00dc70d7..c96675b7 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Library;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.LibraryOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -41,7 +42,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(libraryOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobilePersonDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobilePersonDetailsPage.java
index f4052934..e77d1c22 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobilePersonDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobilePersonDetailsPage.java
@@ -1,11 +1,12 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Person;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.mobile.components.MobilePersonDetailView;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
@@ -25,7 +26,7 @@ public List<Node> content() {
         MobilePersonDetailView personDetailView = new MobilePersonDetailView();
         personDetailView.setPerson(person);
         personDetailView.sizeProperty().bind(sizeProperty());
-        PrettyScrollPane scrollPane = new PrettyScrollPane(new StackPane(personDetailView));
+        ScrollPane scrollPane = new ScrollPane(new StackPane(personDetailView));
         scrollPane.getStyleClass().add("mobile");
         scrollPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(scrollPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
index 0e2a66f3..68e71ea0 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.RealWorldApp;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.ShowcaseOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -40,7 +41,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(appOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane scrollPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane scrollPane = new ScrollPane(detailsPageContentWrapper);
         scrollPane.getStyleClass().add("mobile");
 
         return List.of(header, scrollPane);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
index b371f2c3..8ae0355e 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Tip;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.TipOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -41,12 +42,11 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(tipOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
 
-
         return List.of(header, detailsContentPane);
     }
 }
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
index 58592331..8ec50114 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Tool;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.ToolOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -42,7 +43,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(toolOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
index b06fcc1e..3d371d2a 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Tutorial;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.TutorialOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -41,7 +42,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(tutorialOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
index 3c878db6..eb2e726b 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
@@ -1,13 +1,14 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.model.Video;
-import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+
 import com.dlsc.jfxcentral2.components.overviewbox.VideoOverviewBox;
 import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
+import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
@@ -44,7 +45,7 @@ public List<Node> content() {
         VBox detailsPageContentWrapper = new VBox(videoOverviewBox, linkedObjectsBox);
         detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
+        ScrollPane detailsContentPane = new ScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/module-info.java b/mobile/src/main/java/module-info.java
index 094cffd4..3d5839bd 100644
--- a/mobile/src/main/java/module-info.java
+++ b/mobile/src/main/java/module-info.java
@@ -28,7 +28,6 @@
     requires jpro.webapi;
     requires one.jpro.platform.routing.core;
     requires java.desktop;
-    requires commons.validator;
     requires com.dlsc.jfxcentral2.iconfont;
     requires com.google.gson;
 
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
index b04d57eb..c59bcf83 100644
--- a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
+++ b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
@@ -8,16 +8,11 @@
 /** ----------------------------------
  *PrettyScrollPane
  */
-.pretty-scroll-pane.mobile {
-    -fx-show-scroll-to-top-button: false;
+.scroll-pane.mobile {
+    -fx-fit-to-width: true;
 }
 
-.pretty-scroll-pane.mobile > .shadow {
-    -fx-pref-height: 5px;
-    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.25), 10, 0.19, 0, 6);
-}
-
-.pretty-scroll-pane.mobile .viewport {
+.scroll-pane.mobile .viewport {
     -fx-background-color: -white;
 }
 
@@ -27,25 +22,27 @@
 .bottom-menu-bar {
     -fx-alignment: top-center;
     -fx-background-color: -background;
-    -fx-padding: 8px 0 15px 0;
+    -fx-padding: 8px 0 25px 0;
     -fx-border-color: -grey-10;
     -fx-border-width: 1 0 0 0;
+    -fx-font-size: 12px;
 }
 
 .bottom-menu-bar .toggle-button {
-    -fx-content-display: graphic-only;
+    -fx-content-display: top;
     -fx-background-color: transparent;
-    -fx-text-fill: -grey-100;
+    -fx-text-fill: -grey-60;
     -fx-padding: 0 0 5px 0;
+    -fx-graphic-text-gap: 0px;
 }
 
 .bottom-menu-bar .toggle-button .ikonli-font-icon {
-    -fx-icon-size: 32px;
-    -fx-icon-color: -grey-100;
+    -fx-icon-size: 24px;
+    -fx-icon-color: -grey-60;
 }
 
 .bottom-menu-bar:md-lg .toggle-button .ikonli-font-icon {
-    -fx-icon-size: 32px;
+    -fx-icon-size: 24px;
 }
 
 .bottom-menu-bar .toggle-button:selected {
@@ -552,15 +549,29 @@
     -fx-alignment: center-left;
 }
 
-.mobile-home-page > .search-wrapper > .search-text-field {
-    -fx-padding: 8px 8px 8px 0;
+/** ----------------------------------
+ * MobileSearchTextField
+ */
+.mobile-search-text-field {
+    -fx-background-radius: 1000px;
+    -fx-padding: 0px 10px;
+}
+
+.mobile-search-text-field > .ikonli-font-icon {
+    -fx-icon-size: 20px;
 }
 
-.mobile-home-page > .search-wrapper > .search-text-field .button {
-    -fx-text-fill: -bright-blue;
-    -fx-padding: 4 5px 4 10px;
+.mobile-search-text-field .text-field {
+    -fx-background-color: white;
+    -fx-padding: 0px;
+}
+
+.mobile-search-text-field .button {
     -fx-border-color: -light-blue;
     -fx-border-width: 0 0 0 2px;
+    -fx-border-insets: 4px 0px;
+    -fx-text-fill: -bright-blue;
+    -fx-padding: 4 5px 4 10px;
     -fx-background-color: transparent;
 }
 
@@ -811,6 +822,14 @@
     -fx-spacing: 15px;
 }
 
+.mobile-details-page .simple-overview-box .body-box {
+    -fx-padding: 0px 15px;
+}
+
+.mobile-details-page .simple-overview-box .body-box .custom-markdown-view {
+    -fx-padding: 0px;
+}
+
 .mobile-details-page .details-page-content-wrapper {
     -fx-alignment: top-center;
 }
@@ -884,7 +903,7 @@
     -fx-background-color: -white;
 }
 
-.model-list-view .search-wrapper .search-text-field {
+.model-list-view .search-wrapper .search-text-field .left-pane {
     -fx-padding: 8px;
 }
 
diff --git a/pom.xml b/pom.xml
index 040152f9..c4c6c110 100644
--- a/pom.xml
+++ b/pom.xml
@@ -278,7 +278,7 @@
             <dependency>
                 <groupId>com.dlsc.gemsfx</groupId>
                 <artifactId>gemsfx</artifactId>
-                <version>1.90.0</version>
+                <version>2.23.0</version>
             </dependency>
 
             <dependency>
@@ -327,10 +327,11 @@
                 <artifactId>json</artifactId>
                 <version>20240303</version>
             </dependency>
+
             <dependency>
                 <groupId>commons-logging</groupId>
                 <artifactId>commons-logging</artifactId>
-                <version>1.2</version>
+                <version>1.3.0</version>
             </dependency>
 
             <dependency>
diff --git a/sampler/src/main/java/com/dlsc/jfxcentral2/demo/components/HelloSearchFilterView2.java b/sampler/src/main/java/com/dlsc/jfxcentral2/demo/components/HelloSearchFilterView2.java
index 057108ac..fdb08aa8 100644
--- a/sampler/src/main/java/com/dlsc/jfxcentral2/demo/components/HelloSearchFilterView2.java
+++ b/sampler/src/main/java/com/dlsc/jfxcentral2/demo/components/HelloSearchFilterView2.java
@@ -40,7 +40,7 @@ protected Region createControl() {
                 ))
         );
 
-        //Add SearchField
+        //Add MobileSearchTextField
         filterView.setSearchPromptText("Search Videos");
         filterView.setOnSearch(text -> video -> StringUtils.isBlank(text) || StringUtils.containsIgnoreCase(video.getName(), text));